Last active
July 28, 2021 17:03
-
-
Save braebo/6decf8f9b4dfc553dfd547daa221f5f9 to your computer and use it in GitHub Desktop.
Mdsvex Icon Instructioins
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Show hidden characters
// Add this to global user settings | |
{ | |
"material-icon-theme.files.associations": { | |
"mdsvex.config.js": "../../../../.vscode/extensions/icons/mdsvex" | |
} | |
} | |
// Add this svg to "~/.vs-code/extensions/icons/mdsvex.svg" | |
<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" viewBox="0 0 500 500"> | |
<g class="Penguin"> | |
<g> | |
<g class="Face"> | |
<path | |
fill="#C6C6C6" | |
d="M154.2 390.43c16.45 21.25 52.76 55.64 143.72 52.11 0 0 37.75-86.82 31-138.88-6.76-52.06-36.86-158.01-103.25-165.33-66.4-7.32-89.1 60.56-92.15 95.4l43.79 145.08-23.12 11.62z" | |
/> | |
<path | |
fill="url(#penguin0_radial)" | |
d="M154.2 390.43c16.45 21.25 52.76 55.64 143.72 52.11 0 0 37.75-86.82 31-138.88-6.76-52.06-36.86-158.01-103.25-165.33-66.4-7.32-89.1 60.56-92.15 95.4l43.79 145.08-23.12 11.62z" | |
/> | |
<path | |
fill="url(#penguin1_radial)" | |
d="M154.2 390.43c16.45 21.25 52.76 55.64 143.72 52.11 0 0 37.75-86.82 31-138.88-6.76-52.06-36.86-158.01-103.25-165.33-66.4-7.32-89.1 60.56-92.15 95.4l43.79 145.08-23.12 11.62z" | |
/> | |
</g> | |
<path | |
fill="url(#penguin2_radial)" | |
d="M282.69 442.79s11.13-5.97 15.28-12.5c30.42-47.92 11.82-167.2-7.57-224.86-16.36-48.71-64.9-70.03-109.95-46.62-23.71 12.27-39.04 48.94-33.22 75.26 4.68 21.32 11.9 31.45 26.77 53.51 6.45 9.57 1.83 29.5 2.8 48.35 1.06 20.37 2.14 37.7 1.73 46.44-.42 6.55-2.16 10.75-8.4 12.73-5.1 1.66-13.48-1.76-16.7-5.3-3.95-4.57 5.7-6.24 5.7-6.24-19.24-31.51-1.35-74.15-31.93-103.17-9.98-9.46-13.83-25.27-20.49-38.17-1.97-16.53-.62-32.86 3.23-49.09 16.54-72.37 87.97-125.95 159.64-133.12 113.17-11.14 205.52 57.73 216.1 164.67 13.38 135.15-39.27 209.34-203 218.1z" | |
class="Head" | |
/> | |
<g class="BeakBottom"> | |
<path | |
fill="#331C0B" | |
d="M150.63 387.97l11.51-1.15c-10.41-16.4-12.83-41.6-15.06-60.43 0 0-41.38 4.86-66.4 13.46-23.36 8.01-57.25 28.18-57.25 28.18 30.63 13.06 65.57 19.94 127.2 19.94z" | |
/> | |
<path | |
fill="url(#penguin3_radial)" | |
d="M150.63 387.97l11.51-1.15c-10.41-16.4-12.83-41.6-15.06-60.43 0 0-41.38 4.86-66.4 13.46-23.36 8.01-57.25 28.18-57.25 28.18 30.63 13.06 65.57 19.94 127.2 19.94z" | |
/> | |
<path | |
fill="url(#penguin4_radial)" | |
fill-opacity=".37" | |
d="M150.63 387.97l11.51-1.15c-10.41-16.4-12.83-41.6-15.06-60.43 0 0-41.38 4.86-66.4 13.46-23.36 8.01-57.25 28.18-57.25 28.18 30.63 13.06 65.57 19.94 127.2 19.94z" | |
/> | |
</g> | |
<g class="BeakTop"> | |
<path | |
fill="url(#penguin5_radial)" | |
d="M127.3 280.29c-9.88-9.47-13.83-25.28-20.48-38.17-10.72 7.17-21.32 14.35-31.93 21.53-37.12 27.65-58.4 50.3-61.87 92.96-.47 5.76-2.36 16.05 11.65 11.33 0 0 32.54-17.66 57.45-26.29 23.63-8.18 64.93-15.25 64.93-15.25-1.9-16.65-5.72-32.8-19.75-46.11z" | |
/> | |
<path | |
fill="url(#penguin6_linear)" | |
fill-opacity=".2" | |
d="M127.3 280.29c-9.88-9.47-13.83-25.28-20.48-38.17-10.72 7.17-21.32 14.35-31.93 21.53-37.12 27.65-58.4 50.3-61.87 92.96-.47 5.76-2.36 16.05 11.65 11.33 0 0 32.54-17.66 57.45-26.29 23.63-8.18 64.93-15.25 64.93-15.25-1.9-16.65-5.72-32.8-19.75-46.11z" | |
/> | |
</g> | |
<g class="Ear" filter="url(#filter0_i)"> | |
<path | |
fill="url(#penguin7_radial)" | |
d="M457.86 218.68c-.94 36.08-14.7 59.86-39.98 77.13-25.27 17.27-24.11-10.8-27.1-20.87-3-10.07-18.52-65.31-30.58-97.24-4.47-11.86-.63-27.46 10.92-35.88 12.17-8.95 26.93-9.88 40.45-1.46 30.79 19.14 42.44 49.2 46.28 78.32z" | |
/> | |
</g> | |
<g class="Eye" filter="url(#filter1_dd)"> | |
<ellipse cx="215.52" cy="229.51" fill="#191918" rx="35.64" ry="44.43" /> | |
<ellipse | |
cx="215.52" | |
cy="229.51" | |
fill="url(#penguin8_radial)" | |
fill-opacity=".42" | |
rx="35.64" | |
ry="44.43" | |
/> | |
</g> | |
<g class="EyeGlare" filter="url(#filter2_i)"> | |
<path | |
fill="url(#penguin9_linear)" | |
d="M239.95 243.03c0 13.63-10.47 24.68-23.4 24.68-12.91 0-23.38-11.05-23.38-24.68 0-13.64 10.47 4.44 23.39 4.44s23.4-18.08 23.4-4.44z" | |
/> | |
<path | |
fill="url(#penguin10_radial)" | |
fill-opacity=".17" | |
d="M239.95 243.03c0 13.63-10.47 24.68-23.4 24.68-12.91 0-23.38-11.05-23.38-24.68 0-13.64 10.47 4.44 23.39 4.44s23.4-18.08 23.4-4.44z" | |
/> | |
</g> | |
<path | |
fill="url(#penguin11_radial)" | |
d="M211.68 210.5c-3.22-.21-6.03-1.56-5.82-5.83.31-4.36 3.01-6.76 7.49-6.65 3.95.1 6.24 2.7 6.03 6.13-.2 4.06-2.91 6.35-7.7 6.35z" | |
class="EyeSparkle" | |
/> | |
</g> | |
</g> | |
<defs> | |
<radialGradient | |
id="penguin0_radial" | |
cx="0" | |
cy="0" | |
r="1" | |
class="penguin0_radial" | |
gradientTransform="matrix(-161.30964 81.55051 -52.4223 -103.69306 306.7 295.75)" | |
gradientUnits="userSpaceOnUse" | |
> | |
<stop stop-color="#fff" /> | |
<stop offset="1" stop-color="#fff" stop-opacity="0" /> | |
</radialGradient> | |
<radialGradient | |
id="penguin1_radial" | |
cx="0" | |
cy="0" | |
r="1" | |
class="penguin1_radial" | |
gradientTransform="rotate(164.79 127.14 176.1) scale(118.26 76.0199)" | |
gradientUnits="userSpaceOnUse" | |
> | |
<stop stop-color="#fff" /> | |
<stop offset="1" stop-color="#fff" stop-opacity="0" /> | |
</radialGradient> | |
<radialGradient | |
id="penguin2_radial" | |
cx="0" | |
cy="0" | |
r="1" | |
class="penguin2_radial" | |
gradientTransform="rotate(88.58 23.68 271.64) scale(201.775 203.412)" | |
gradientUnits="userSpaceOnUse" | |
> | |
<stop stop-color="#464646" /> | |
<stop offset=".97" stop-color="#1A1A1A" /> | |
</radialGradient> | |
<radialGradient | |
id="penguin3_radial" | |
cx="0" | |
cy="0" | |
r="1" | |
class="penguin3_radial" | |
gradientTransform="rotate(85.75 -121.77 221.38) scale(95.9478 211.355)" | |
gradientUnits="userSpaceOnUse" | |
> | |
<stop stop-color="#E4A03A" /> | |
<stop offset=".35" stop-color="#B7662C" /> | |
<stop offset=".96" stop-color="#C06E2D" stop-opacity="0" /> | |
</radialGradient> | |
<radialGradient | |
id="penguin4_radial" | |
cx="0" | |
cy="0" | |
r="1" | |
class="penguin4_radial" | |
gradientTransform="matrix(10.49936 42.452 -176.95914 43.76608 88.41 306.97)" | |
gradientUnits="userSpaceOnUse" | |
> | |
<stop offset=".23" /> | |
<stop offset="1" stop-opacity="0" /> | |
</radialGradient> | |
<radialGradient | |
id="penguin5_radial" | |
cx="0" | |
cy="0" | |
r="1" | |
class="penguin5_radial" | |
gradientTransform="rotate(-129.7 132.21 120.58) scale(74.3588 126.649)" | |
gradientUnits="userSpaceOnUse" | |
> | |
<stop offset=".01" stop-color="#DAA34D" /> | |
<stop offset=".72" stop-color="#EA8238" /> | |
<stop offset="1" stop-color="#CF7533" /> | |
</radialGradient> | |
<radialGradient | |
id="penguin7_radial" | |
cx="0" | |
cy="0" | |
r="1" | |
class="penguin7_radial" | |
gradientTransform="matrix(57.19485 128.79676 -79.00064 35.08186 374.48 167.59)" | |
gradientUnits="userSpaceOnUse" | |
> | |
<stop offset=".42" stop-color="#F0A21C" /> | |
<stop offset=".78" stop-color="#E87725" /> | |
<stop offset="1" stop-color="#E87725" stop-opacity="0" /> | |
</radialGradient> | |
<radialGradient | |
id="penguin8_radial" | |
cx="0" | |
cy="0" | |
r="1" | |
class="penguin8_radial" | |
gradientTransform="matrix(2.9809 55.88956 -47.72686 2.54553 212.54 203.23)" | |
gradientUnits="userSpaceOnUse" | |
> | |
<stop stop-color="#656565" /> | |
<stop offset="1" stop-opacity="0" /> | |
</radialGradient> | |
<radialGradient | |
id="penguin10_radial" | |
cx="0" | |
cy="0" | |
r="1" | |
class="penguin10_radial" | |
gradientTransform="matrix(-3.26406 3.21084 -3.10762 -3.15914 229.5 252.83)" | |
gradientUnits="userSpaceOnUse" | |
> | |
<stop stop-color="#767676" /> | |
<stop offset="1" stop-color="#272727" stop-opacity="0" /> | |
</radialGradient> | |
<radialGradient | |
id="penguin11_radial" | |
cx="0" | |
cy="0" | |
r="1" | |
class="penguin11_radial" | |
gradientTransform="matrix(0 6.12842 -6.92692 0 212.62 203.15)" | |
gradientUnits="userSpaceOnUse" | |
> | |
<stop offset=".44" stop-color="#fff" /> | |
<stop offset="1" stop-color="#FBFFFF" stop-opacity="0" /> | |
</radialGradient> | |
<filter | |
id="filter0_i" | |
width="99.47" | |
height="171.24" | |
x="358.38" | |
y="130.06" | |
class="filter0_i" | |
color-interpolation-filters="sRGB" | |
filterUnits="userSpaceOnUse" | |
> | |
<feFlood flood-opacity="0" result="BackgroundImageFix" /> | |
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> | |
<feColorMatrix | |
in="SourceAlpha" | |
result="hardAlpha" | |
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" | |
/> | |
<feOffset dy="-4.48" /> | |
<feGaussianBlur stdDeviation="2.69" /> | |
<feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic" /> | |
<feColorMatrix | |
values="0 0 0 0 0.129412 0 0 0 0 0.129412 0 0 0 0 0.129412 0 0 0 0.65 0" | |
/> | |
<feBlend in2="shape" result="effect1_innerShadow" /> | |
</filter> | |
<filter | |
id="filter1_dd" | |
width="78.46" | |
height="97.82" | |
x="176.29" | |
y="179.7" | |
class="filter1_dd" | |
color-interpolation-filters="sRGB" | |
filterUnits="userSpaceOnUse" | |
> | |
<feFlood flood-opacity="0" result="BackgroundImageFix" /> | |
<feColorMatrix | |
in="SourceAlpha" | |
result="hardAlpha" | |
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" | |
/> | |
<feOffset dy="-1.79" /> | |
<feGaussianBlur stdDeviation="1.79" /> | |
<feComposite in2="hardAlpha" operator="out" /> | |
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> | |
<feBlend in2="BackgroundImageFix" result="effect1_dropShadow" /> | |
<feColorMatrix | |
in="SourceAlpha" | |
result="hardAlpha" | |
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" | |
/> | |
<feOffset dy="3.59" /> | |
<feComposite in2="hardAlpha" operator="out" /> | |
<feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0" /> | |
<feBlend in2="effect1_dropShadow" result="effect2_dropShadow" /> | |
<feBlend in="SourceGraphic" in2="effect2_dropShadow" result="shape" /> | |
</filter> | |
<filter | |
id="filter2_i" | |
width="46.79" | |
height="32.47" | |
x="193.17" | |
y="235.25" | |
class="filter2_i" | |
color-interpolation-filters="sRGB" | |
filterUnits="userSpaceOnUse" | |
> | |
<feFlood flood-opacity="0" result="BackgroundImageFix" /> | |
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> | |
<feColorMatrix | |
in="SourceAlpha" | |
result="hardAlpha" | |
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" | |
/> | |
<feOffset dy="-2.69" /> | |
<feGaussianBlur stdDeviation="1.79" /> | |
<feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic" /> | |
<feColorMatrix | |
values="0 0 0 0 0.0980392 0 0 0 0 0.0980392 0 0 0 0 0.0941176 0 0 0 1 0" | |
/> | |
<feBlend in2="shape" result="effect1_innerShadow" /> | |
</filter> | |
<linearGradient | |
id="penguin6_linear" | |
x1="79.14" | |
x2="107.29" | |
y1="245.27" | |
y2="281.82" | |
class="penguin6_linear" | |
gradientUnits="userSpaceOnUse" | |
> | |
<stop /> | |
<stop offset="1" stop-opacity="0" /> | |
</linearGradient> | |
<linearGradient | |
id="penguin9_linear" | |
x1="216.56" | |
x2="216.56" | |
y1="218.34" | |
y2="267.71" | |
class="penguin9_linear" | |
gradientUnits="userSpaceOnUse" | |
> | |
<stop offset=".48" stop-color="#fff" stop-opacity="0" /> | |
<stop offset="1" stop-color="#fff" stop-opacity=".12" /> | |
</linearGradient> | |
</defs> | |
</svg> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment