From 146c5c6977a816aac50ec91b0b0960eb18f3ff84 Mon Sep 17 00:00:00 2001 From: Přemysl Eric Janouch <p@janouch.name> Date: Sun, 9 Jan 2022 09:30:44 +0100 Subject: Improve the icon Now it's simple, colourful, pixel-aligned, balanced and everything. The ligature is a bit awkward, but it will do. --- fiv.svg | 47 +++++++++++++---------------------------------- 1 file changed, 13 insertions(+), 34 deletions(-) diff --git a/fiv.svg b/fiv.svg index 571b4c2..361e2a5 100644 --- a/fiv.svg +++ b/fiv.svg @@ -4,40 +4,19 @@ xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <defs> - <linearGradient id="base-background" x1="0" y1="0" x2="1" y2="1"> - <stop stop-color="#ffffff" offset="0.1" /> - <stop stop-color="#7f7f7f" offset="1" /> - </linearGradient> - <linearGradient id="i-background"> - <stop stop-color="#e0e0e0" offset="0" /> - <stop stop-color="#ffffff" offset="1" /> - </linearGradient> - <linearGradient id="red-background" x1="0" y1="0" x2="0" y2="1"> - <stop stop-color="#ff9b9b" offset="0" /> - <stop stop-color="#ffffff" offset="0.8" /> - </linearGradient> - <linearGradient id="green-background" x1="0" y1="0" x2="0" y2="1"> - <stop stop-color="#98ff98" offset="0" /> - <stop stop-color="#ffffff" offset="0.8" /> - </linearGradient> - <linearGradient id="blue-background" x1="0" y1="0" x2="0" y2="1"> - <stop stop-color="#9999ff" offset="0" /> - <stop stop-color="#ffffff" offset="0.8" /> + <linearGradient id="v" x1="0" y1="1" x2="0" y2="0"> + <stop stop-color="#f60" offset="0" /> + <stop stop-color="#fa0" offset="1" /> </linearGradient> + <filter id="shadow" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0.5" flood-color="#000" /> + <feComposite in2="SourceGraphic" operator="out" /> + <feGaussianBlur stdDeviation="1.4" /> + <feOffset dx="1.4" dy="1.4" /> + <feComposite in2="SourceGraphic" operator="atop" /> + </filter> </defs> - <rect x="1" y="1" width="46" height="46" ry="5" - style="fill: url(#base-background)" stroke="#bfbfbf" stroke-width="2" /> - <circle cx="13.5" cy="12" r="4" - style="fill: url(#i-background)" stroke="#000000" stroke-width="2" /> - <path d="m 9.75,24 0,13 a 3.5 3.5 180 0 0 7.5,0 l 0,-13 a 3.5 3.5 180 0 0 -7.5,0 z" - style="fill: url(#i-background)" stroke="#000000" stroke-width="2" /> - <path d="m 22,8.25 6,0 3,3 3,-3 6,0 -9,10 z" - style="fill: url(#red-background)" stroke="#000000" stroke-width="2" - stroke-linejoin="round" /> - <path d="m 22,19.5 6,0 3,3 3,-3 6,0 -9,10 z" - style="fill: url(#green-background)" stroke="#000000" stroke-width="2" - stroke-linejoin="round" /> - <path d="m 22,30.75 6,0 3,3 3,-3 6,0 -9,10 z" - style="fill: url(#blue-background)" stroke="#000000" stroke-width="2" - stroke-linejoin="round" /> + <path fill="url(#v)" d="m 2,7 h 44 l -17,39 h -10 z" /> + <path d="M 12.5,20.5 h -4 v 5 h 4 v 15 h 9 v -15 h 2 v -5 h -2 v -8 c 0,-4 5,-4 5,0 c 0,6 9,6 9,0 c 0,-12 -23,-12 -23,0 z M 26.5,20.5 h 9 v 20 h -9 z" + fill="#fff" stroke="#000" stroke-width="1" filter="url(#shadow)" /> </svg> -- cgit v1.2.3-70-g09d2