Skip to content

Instantly share code, notes, and snippets.

@braebo

braebo/mdsvex-icon.svg

Created October 9, 2021 23:03
Show Gist options
  • Save braebo/84c6eebac634678a06e2be7c42914acf to your computer and use it in GitHub Desktop.
Save braebo/84c6eebac634678a06e2be7c42914acf to your computer and use it in GitHub Desktop.
Download ZIP
Penguin Emoji SVG
Display the source blob
Display the rendered blob
Raw
mdsvex-icon.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