Change glass icon shading

This commit is contained in:
Mbucari 2023-08-11 10:55:31 -06:00
parent ff3ac2d6fd
commit 167a021eb1
2 changed files with 74 additions and 86 deletions

View File

@ -1,21 +1,9 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 524 524" enable-background="new 0 0 524 524"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 524 524" enable-background="new 0 0 524 524">
<defs> <defs>
<filter id="white-glow" x="-400%" y="-400%" width="800%" height="800%"> <g id="glass">
<feFlood result="flood" flood-color="#ffffff" flood-opacity="1"></feFlood> <path fill-rule="evenodd" d=
<feComposite in="flood" result="mask" in2="SourceGraphic" operator="in"></feComposite> "M262,8
<feMorphology in="mask" result="dilated" operator="dilate" radius="3"></feMorphology> h-117
<feGaussianBlur in="dilated" result="blurred" stdDeviation="6"></feGaussianBlur>
<feMerge>
<feMergeNode in="blurred"></feMergeNode>
<feMergeNode in="SourceGraphic"></feMergeNode>
</feMerge>
</filter>
</defs>
<rect x="-400%" y="-400%" width="800%" height="800%" fill="Black" />
<path id="glass" fill-rule="evenodd" style="fill: #000; filter:url(#white-glow)" d=
"M145,8
a 192,200 0 0 0 -36,82 a 192,200 0 0 0 -36,82
a 222,334 41 0 0 138,236 a 222,334 41 0 0 138,236
v158 v158
@ -27,19 +15,25 @@
v-158 v-158
a 222,334 -41 0 0 138,-236 a 222,334 -41 0 0 138,-236
a 192,200 0 0 0 -36,-82 a 192,200 0 0 0 -36,-82
h-234 h-117
m18,30 m-99,30
a 192,200 0 0 0 -26,95 a 192,200 0 0 0 -26,95
a 187.5,334 35 0 0 125,159 a 187.5,334 35 0 0 125,159
a 187.5,334 -35 0 0 125,-159 a 187.5,334 -35 0 0 125,-159
a 192,200 0 0 0 -26,-95 a 192,200 0 0 0 -26,-95
h-198 h-198
z"/> z"/>
</g>
<path id="wine-level" style="fill: #000; filter:url(#white-glow)" d= <g id="wine-level">
"M156,136 <path d=
a 168,300 35 0 0 106,138 "M158,136
a 168,300 -35 0 0 106,-138 a 168,305 35 0 0 104,136
a 168,305 -35 0 0 104,-136
z"/> z"/>
</g>
</defs>
<use href="#glass" stroke="#ffffffa0" stroke-width="16" fill="Transparent" />
<use href="#wine-level" stroke="#ffffffa0" stroke-width="16" fill="Transparent" />
<use href="#glass" fill="Black" />
<use href="#wine-level" fill="Black" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 968 B

View File

@ -1,21 +1,9 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 524 524" enable-background="new 0 0 524 524"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 524 524" enable-background="new 0 0 524 524">
<defs> <defs>
<filter id="white-glow" x="-400%" y="-400%" width="800%" height="800%"> <g id="glass">
<feFlood result="flood" flood-color="#ffffff" flood-opacity="1"></feFlood> <path fill-rule="evenodd" d=
<feComposite in="flood" result="mask" in2="SourceGraphic" operator="in"></feComposite> "M262,8
<feMorphology in="mask" result="dilated" operator="dilate" radius="3"></feMorphology> h-117
<feGaussianBlur in="dilated" result="blurred" stdDeviation="6"></feGaussianBlur>
<feMerge>
<feMergeNode in="blurred"></feMergeNode>
<feMergeNode in="SourceGraphic"></feMergeNode>
</feMerge>
</filter>
</defs>
<rect x="-400%" y="-400%" width="800%" height="800%" fill="Black" />
<path id="glass" fill-rule="evenodd" style="fill: #000; filter:url(#white-glow)" d=
"M145,8
a 192,200 0 0 0 -36,82 a 192,200 0 0 0 -36,82
a 222,334 41 0 0 138,236 a 222,334 41 0 0 138,236
v158 v158
@ -27,19 +15,25 @@
v-158 v-158
a 222,334 -41 0 0 138,-236 a 222,334 -41 0 0 138,-236
a 192,200 0 0 0 -36,-82 a 192,200 0 0 0 -36,-82
h-234 h-117
m18,30 m-99,30
a 192,200 0 0 0 -26,95 a 192,200 0 0 0 -26,95
a 187.5,334 35 0 0 125,159 a 187.5,334 35 0 0 125,159
a 187.5,334 -35 0 0 125,-159 a 187.5,334 -35 0 0 125,-159
a 192,200 0 0 0 -26,-95 a 192,200 0 0 0 -26,-95
h-198 h-198
z"/> z"/>
</g>
<path id="wine-level" style="fill: #000; filter:url(#white-glow)" d= <g id="wine-level">
"M156,136 <path d=
a 168,300 35 0 0 106,138 "M158,136
a 168,300 -35 0 0 106,-138 a 168,305 35 0 0 104,136
a 168,305 -35 0 0 104,-136
z"/> z"/>
</g>
</defs>
<use href="#glass" stroke="#ffffffa0" stroke-width="16" fill="Transparent" />
<use href="#wine-level" stroke="#ffffffa0" stroke-width="16" fill="Transparent" />
<use href="#glass" fill="Black" />
<use href="#wine-level" fill="Black" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 968 B