chore: Add drop shadows to icons

This commit is contained in:
Kyle Gospodnetich 2024-08-23 10:00:15 -07:00
parent 9a51d129a9
commit 44b2bfafed
4 changed files with 227 additions and 6 deletions

View File

@ -2,6 +2,6 @@
Type=Application
Name=Bazzite Portal
Comment=First-run utility for configuring helpful additions to Bazzite
Icon=/usr/share/ublue-os/bazzite/logo.svg
Icon=/usr/share/ublue-os/bazzite/portal.svg
Categories=Utility;
Exec=/usr/bin/yafti --force

View File

@ -21,9 +21,9 @@
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="0.99239865"
inkscape:cx="216.64681"
inkscape:cy="37.787234"
inkscape:zoom="1.9847973"
inkscape:cx="77.085957"
inkscape:cy="185.15745"
inkscape:window-width="3440"
inkscape:window-height="1374"
inkscape:window-x="0"
@ -34,7 +34,7 @@
d="M 160,338 H 336 V 72 C 336,55.4315 322.569,42 306,42 H 70 C 53.4315,42 40,55.4315 40,72 v 146 c 0,66.274 53.7258,120 120,120 z"
fill="url(#paint0_linear_1268_533)"
id="path1"
style="fill:url(#paint0_linear_1268_533)" />
style="fill:url(#paint0_linear_1268_533);filter:url(#filter17)" />
<g
filter="url(#filter0_b_1268_533)"
id="g2"
@ -253,5 +253,43 @@
stop-color="#252B4B"
id="stop11" />
</linearGradient>
<filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Drop Shadow"
id="filter17"
x="0"
y="0"
width="1"
height="1.0202703">
<feFlood
result="flood"
in="SourceGraphic"
flood-opacity="0.286275"
flood-color="rgb(0,0,0)"
id="feFlood16" />
<feGaussianBlur
result="blur"
in="SourceGraphic"
stdDeviation="0.000000"
id="feGaussianBlur16" />
<feOffset
result="offset"
in="blur"
dx="0.000000"
dy="6.000000"
id="feOffset16" />
<feComposite
result="comp1"
operator="in"
in="flood"
in2="offset"
id="feComposite16" />
<feComposite
result="comp2"
operator="over"
in="SourceGraphic"
in2="comp1"
id="feComposite17" />
</filter>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 7.1 KiB

After

Width:  |  Height:  |  Size: 8.0 KiB

View File

@ -0,0 +1,123 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="600"
height="600"
viewBox="0 0 600 600"
fill="none"
version="1.1"
id="svg8"
sodipodi:docname="portal.svg"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="1.9583333"
inkscape:cx="299.74468"
inkscape:cy="300"
inkscape:window-width="3440"
inkscape:window-height="1374"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg8" />
<path
d="M 50,150 C 50,94.7715 94.7715,50 150,50 h 150 c 138.071,0 250,111.929 250,250 v 0 c 0,138.071 -111.929,250 -250,250 v 0 C 161.929,550 50,438.071 50,300 Z"
fill="url(#paint0_linear_1016_105)"
id="path1"
style="fill:url(#paint0_linear_1016_105);filter:url(#filter5)" />
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="m 178,50 h 64 V 178 H 376.185 C 432.416,178 478,223.584 478,279.815 478,389.269 389.27,478 279.815,478 223.584,478 178,432.416 178,376.185 V 242 H 50 v -64 h 128 z m 64,192 V 376.185 C 242,397.07 258.93,414 279.815,414 353.923,414 414,353.923 414,279.815 414,258.93 397.07,242 376.185,242 Z"
fill="#ffffff"
fill-opacity="0.5"
id="path2" />
<path
d="M 242,110 C 242,93.4315 228.569,80 212,80 h -4 c -16.569,0 -30,13.4315 -30,30 v 68 h -68 c -16.5685,0 -30,13.431 -30,30 v 4 c 0,16.569 13.4315,30 30,30 h 68 v 68 c 0,16.569 13.431,30 30,30 h 4 c 16.569,0 30,-13.431 30,-30 v -68 h 68 c 16.569,0 30,-13.431 30,-30 v -4 c 0,-16.569 -13.431,-30 -30,-30 h -68 z"
fill="#ffffff"
fill-opacity="0.7"
id="path3" />
<path
d="m 312.5,205.67 c 3.333,1.924 3.333,6.736 0,8.66 l -21,12.124 c -3.333,1.925 -7.5,-0.481 -7.5,-4.33 v -24.248 c 0,-3.849 4.167,-6.255 7.5,-4.33 z"
fill="#ffffff"
id="path4" />
<path
d="m 214.33,312.5 c -1.924,3.333 -6.736,3.333 -8.66,0 l -12.124,-21 c -1.925,-3.333 0.481,-7.5 4.33,-7.5 h 24.248 c 3.849,0 6.255,4.167 4.33,7.5 z"
fill="#ffffff"
id="path5" />
<path
d="m 205.67,107.5 c 1.924,-3.333 6.736,-3.333 8.66,0 l 12.124,21 c 1.925,3.333 -0.481,7.5 -4.33,7.5 h -24.248 c -3.849,0 -6.255,-4.167 -4.33,-7.5 z"
fill="#ffffff"
id="path6" />
<path
d="m 107.5,214.33 c -3.333,-1.924 -3.333,-6.736 0,-8.66 l 21,-12.124 c 3.333,-1.925 7.5,0.481 7.5,4.33 v 24.248 c 0,3.849 -4.167,6.255 -7.5,4.33 z"
fill="#ffffff"
id="path7" />
<defs
id="defs8">
<linearGradient
id="paint0_linear_1016_105"
x1="50"
y1="50"
x2="550"
y2="550"
gradientUnits="userSpaceOnUse">
<stop
offset="0.0684898"
stop-color="#0047AB"
id="stop7" />
<stop
offset="0.741212"
stop-color="#8A2BE2"
id="stop8" />
</linearGradient>
<filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Drop Shadow"
id="filter5"
x="0"
y="0"
width="1"
height="1.02">
<feFlood
result="flood"
in="SourceGraphic"
flood-opacity="0.286275"
flood-color="rgb(0,0,0)"
id="feFlood4" />
<feGaussianBlur
result="blur"
in="SourceGraphic"
stdDeviation="0.000000"
id="feGaussianBlur4" />
<feOffset
result="offset"
in="blur"
dx="0.000000"
dy="10.000000"
id="feOffset4" />
<feComposite
result="comp1"
operator="in"
in="flood"
in2="offset"
id="feComposite4" />
<feComposite
result="comp2"
operator="over"
in="SourceGraphic"
in2="comp1"
id="feComposite5" />
</filter>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 4.1 KiB

View File

@ -9,9 +9,31 @@
class="cf-icon-svg"
version="1.1"
id="svg1"
sodipodi:docname="update.svg"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="0.734375"
inkscape:cx="189.2766"
inkscape:cy="328.85106"
inkscape:window-width="3440"
inkscape:window-height="1374"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg1" />
<defs
id="defs1">
<linearGradient
@ -71,6 +93,44 @@
x2="15.387341"
y2="10.156913"
gradientUnits="userSpaceOnUse" />
<filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Drop Shadow"
id="filter4"
x="0"
y="0"
width="1"
height="1.0189466">
<feFlood
result="flood"
in="SourceGraphic"
flood-opacity="0.286275"
flood-color="rgb(0,0,0)"
id="feFlood3" />
<feGaussianBlur
result="blur"
in="SourceGraphic"
stdDeviation="0.000000"
id="feGaussianBlur3" />
<feOffset
result="offset"
in="blur"
dx="0.000000"
dy="0.300000"
id="feOffset3" />
<feComposite
result="comp1"
operator="in"
in="flood"
in2="offset"
id="feComposite3" />
<feComposite
result="comp2"
operator="over"
in="SourceGraphic"
in2="comp1"
id="feComposite4" />
</filter>
</defs>
<ellipse
style="display:inline;fill:url(#linearGradient11);stroke:url(#linearGradient7);stroke-width:0.0255"
@ -83,5 +143,5 @@
<path
d="M 16.416,10.283 A 7.917,7.917 0 1 1 8.5,2.366 7.916,7.916 0 0 1 16.416,10.283 Z M 4.546,7.329 a 5.084,5.084 0 0 0 -0.908,2.139 0.792,0.792 0 0 0 0.646,0.915 0.813,0.813 0 0 0 0.135,0.011 0.792,0.792 0 0 0 0.78,-0.657 3.506,3.506 0 0 1 0.498,-1.29 v 0.324 a 0.792,0.792 0 0 0 1.584,0 V 6.537 A 0.792,0.792 0 0 0 6.489,5.745 H 4.255 a 0.792,0.792 0 0 0 0,1.584 z m 1.117,4.865 a 3.548,3.548 0 0 1 -0.285,-0.58 0.792,0.792 0 1 0 -1.479,0.566 5.097,5.097 0 0 0 0.412,0.839 0.792,0.792 0 1 0 1.352,-0.825 z m 1.941,1.518 a 3.54,3.54 0 0 1 -0.596,-0.249 0.792,0.792 0 0 0 -0.742,1.399 5.163,5.163 0 0 0 0.862,0.36 0.792,0.792 0 1 0 0.476,-1.51 z M 8.74,6.825 A 0.792,0.792 0 0 0 8.754,5.242 H 8.746 A 0.792,0.792 0 1 0 8.718,6.825 h 0.007 z m 1.601,8.33 a 0.792,0.792 0 1 0 -0.523,-1.495 3.381,3.381 0 0 1 -0.309,0.092 0.792,0.792 0 0 0 0.19,1.56 0.806,0.806 0 0 0 0.193,-0.023 c 0.151,-0.038 0.302,-0.083 0.45,-0.134 z M 10.922,7.467 A 0.792,0.792 0 0 0 11.336,6 L 11.333,5.998 a 0.792,0.792 0 0 0 -0.835,1.346 l 0.013,0.007 a 0.787,0.787 0 0 0 0.411,0.116 z m 1.722,4.692 a 0.792,0.792 0 0 0 -1.103,0.195 3.574,3.574 0 0 1 -0.196,0.256 0.792,0.792 0 0 0 1.208,1.023 c 0.1,-0.12 0.197,-0.244 0.286,-0.371 A 0.792,0.792 0 0 0 12.644,12.159 Z M 11.768,8.701 11.775,8.714 A 0.792,0.792 0 0 0 13.173,7.97 L 13.171,7.968 a 0.792,0.792 0 1 0 -1.403,0.733 z m 1.233,1.066 a 0.792,0.792 0 0 0 -0.83,0.75 3.623,3.623 0 0 1 -0.01,0.13 0.791,0.791 0 0 0 0.72,0.857 0.767,0.767 0 0 0 0.07,0.004 0.792,0.792 0 0 0 0.787,-0.723 c 0.006,-0.062 0.01,-0.124 0.013,-0.187 a 0.791,0.791 0 0 0 -0.75,-0.83 z"
id="path3"
style="display:inline;fill:url(#linearGradient2)" />
style="display:inline;fill:url(#linearGradient2);filter:url(#filter4)" />
</svg>

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB