Skip to content

Instantly share code, notes, and snippets.

@giuseppeg
Created May 3, 2020 21:45
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save giuseppeg/fe097986a4089b96679f0902eb388c09 to your computer and use it in GitHub Desktop.
Save giuseppeg/fe097986a4089b96679f0902eb388c09 to your computer and use it in GitHub Desktop.
Display the source blob
Display the rendered blob
Raw
<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 16 16" viewBox="0 0 16 16" style="&#10; width: 128px;&#10; margin: 0 auto;&#10;"><linearGradient id="a" x1="-2.313" x2="-2.313" y1="19.862" y2="20.738" gradientTransform="matrix(16 0 0 -16 45 333)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f28a2d"/><stop offset="1" stop-color="#fde86f"/></linearGradient><path fill="url(#a)" fill-rule="evenodd" d="M16,8c0,4.4-3.6,8-8,8c-4.4,0-8-3.6-8-8c0-4.4,3.6-8,8-8C12.4,0,16,3.6,16,8z" clip-rule="evenodd"/><radialGradient id="b" cx="-2.313" cy="20.313" r=".5" gradientTransform="matrix(16 0 0 -16 45 333)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f28a2d" stop-opacity="0"/><stop offset="1" stop-color="#f08423" stop-opacity=".34"/></radialGradient><path fill="url(#b)" fill-rule="evenodd" d="M16,8c0,4.4-3.6,8-8,8c-4.4,0-8-3.6-8-8c0-4.4,3.6-8,8-8C12.4,0,16,3.6,16,8z" clip-rule="evenodd"/><radialGradient id="c" cx="-2.644" cy="20.358" r=".101" gradientTransform="matrix(14.5998 6.5456 5.063 -11.2928 -62.74 255.526)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f28a2d" stop-opacity=".5"/><stop offset="1" stop-color="#f28a2d" stop-opacity="0"/></radialGradient><path fill="url(#c)" fill-rule="evenodd" d="M16,8c0,4.4-3.6,8-8,8c-4.4,0-8-3.6-8-8c0-4.4,3.6-8,8-8C12.4,0,16,3.6,16,8z" clip-rule="evenodd"/><radialGradient id="d" cx="-2.227" cy="19.541" r=".283" gradientTransform="matrix(12.5663 -9.904 -3.6032 -4.5717 110.263 79.053)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f28a2d" stop-opacity=".5"/><stop offset="1" stop-color="#f28a2d" stop-opacity="0"/></radialGradient><path fill="url(#d)" fill-rule="evenodd" d="M16,8c0,4.4-3.6,8-8,8c-4.4,0-8-3.6-8-8c0-4.4,3.6-8,8-8C12.4,0,16,3.6,16,8z" clip-rule="evenodd"/><radialGradient id="e" cx="-2.531" cy="19.776" r=".107" gradientTransform="matrix(15.7394 -2.8762 -.572 -3.1299 56.242 56.647)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d45f00" stop-opacity=".15"/><stop offset="1" stop-color="#f28a2d" stop-opacity="0"/></radialGradient><path fill="url(#e)" fill-rule="evenodd" d="M16,8c0,4.4-3.6,8-8,8c-4.4,0-8-3.6-8-8c0-4.4,3.6-8,8-8C12.4,0,16,3.6,16,8z" clip-rule="evenodd"/><radialGradient id="f" cx="-2.098" cy="20.131" r=".106" gradientTransform="matrix(15.6768 3.1995 .6363 -3.1176 30.972 71.62)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d45f00" stop-opacity=".15"/><stop offset="1" stop-color="#d45f00" stop-opacity="0"/></radialGradient><path fill="url(#f)" fill-rule="evenodd" d="M16,8c0,4.4-3.6,8-8,8c-4.4,0-8-3.6-8-8c0-4.4,3.6-8,8-8C12.4,0,16,3.6,16,8z" clip-rule="evenodd"/><linearGradient id="g" x1="-1.619" x2="-1.619" y1="18.2" y2="16.681" gradientTransform="matrix(3.4035 0 0 -.9374 13.51 22.37)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#482314"/><stop offset="1" stop-color="#9a4111"/></linearGradient><path fill="url(#g)" fill-rule="evenodd" d="M9.7,5.9c-0.1-0.3-3.3-0.3-3.4,0C6.2,6.2,6.9,6.6,8,6.6C9.1,6.6,9.8,6.2,9.7,5.9z" clip-rule="evenodd"/><radialGradient id="h" cx="-3.9" cy="18.924" r=".872" gradientTransform="matrix(0 -2.1326 -2.1327 0 45.352 -4.046)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3b446b"/><stop offset=".688" stop-color="#202340"/></radialGradient><path fill="url(#h)" fill-rule="evenodd" d="M6,4.1C6,4.8,5.6,5,5,5.1c-0.6,0.1-1.1-0.2-1.1-1c0-0.6,0.3-1.4,1.1-1.4C5.7,2.7,6,3.5,6,4.1z" clip-rule="evenodd"/><path fill="#4e506a" fill-rule="evenodd" d="M4.9,3.1C5,3.2,5,3.5,4.8,3.6c-0.1,0.1-0.3,0.2-0.4,0s-0.1-0.3,0-0.5C4.6,3,4.8,3,4.9,3.1L4.9,3.1z" clip-rule="evenodd"/><radialGradient id="i" cx="-3.914" cy="18.924" r=".872" gradientTransform="matrix(0 -2.1326 -2.1327 0 51.366 -4.077)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3b446b"/><stop offset=".688" stop-color="#202340"/></radialGradient><path fill="url(#i)" fill-rule="evenodd" d="M10,4.1c0,0.7,0.4,0.9,1.1,1c0.6,0.1,1.1-0.2,1.1-1c0-0.6-0.3-1.4-1.1-1.4C10.3,2.7,10,3.5,10,4.1z" clip-rule="evenodd"/><path fill="#4e506a" fill-rule="evenodd" d="M11,3.1c0.1,0.1,0,0.3-0.1,0.5c-0.1,0.1-0.3,0.1-0.4,0s0-0.3,0.1-0.5C10.8,2.9,10.9,2.9,11,3.1z" clip-rule="evenodd"/><radialGradient id="j" cx="-5.202" cy="20.231" r=".298" gradientTransform="matrix(-.339 -1.3177 -6.1081 1.5713 126.811 -36.933)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e38200"/><stop offset="1" stop-color="#cd6700"/></radialGradient><path fill="url(#j)" fill-rule="evenodd" d="M3.4,2.1c-0.2,0.2,0,0.5,0.3,0.4C4.3,2.2,5.5,1.9,6.5,2c0.3,0,0.4,0,0.3-0.4C6.8,1.3,6.4,1.1,5.6,1.2 C4.4,1.3,3.6,1.9,3.4,2.1z" clip-rule="evenodd"/><radialGradient id="k" cx="-4.247" cy="20.267" r=".314" gradientTransform="matrix(.2577 -1.3359 -7.9278 -1.5293 172.702 26.852)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e38200"/><stop offset="1" stop-color="#cd6700"/></radialGradient><path fill="url(#k)" fill-rule="evenodd" d="M10.4,1.2C9.6,1.1,9.2,1.3,9.2,1.6C9.1,2,9.2,2,9.5,2c1.1-0.1,2.3,0.2,2.8,0.5c0.4,0.2,0.5-0.2,0.3-0.4 C12.4,1.9,11.6,1.3,10.4,1.2z" clip-rule="evenodd"/><linearGradient id="l" x1="-2.17" x2="-2.407" y1="20.358" y2="19.647" gradientTransform="matrix(9.7496 0 0 -9.079 27.91 194.578)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f34462"/><stop offset="1" stop-color="#cc0820"/></linearGradient><path fill="url(#l)" fill-rule="evenodd" d="M9.7,8.5C7.6,7.9,6.9,9.3,6.9,9.3S7.1,7.7,5,7C3,6.4,1.8,8.3,1.7,9.4c-0.2,2.5,2,5.3,2.8,6.3 C4.6,16,4.9,16,5.2,16c1.2-0.3,4.6-1.4,5.9-3.6C11.6,11.3,11.7,9.1,9.7,8.5z" clip-rule="evenodd" style="&#10; display: none;&#10;"/><radialGradient id="m" cx="-1.839" cy="20.363" r=".29" gradientTransform="matrix(8.51 3.1636 3.1637 -8.51 -39.932 190.042)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff7091" stop-opacity=".7"/><stop offset="1" stop-color="#fe6d8e" stop-opacity="0"/></radialGradient><path fill="url(#m)" fill-rule="evenodd" d="M9.7,8.5C7.6,7.9,6.9,9.3,6.9,9.3S7.1,7.7,5,7C3,6.4,1.8,8.3,1.7,9.4c-0.2,2.5,2,5.3,2.8,6.3 C4.6,16,4.9,16,5.2,16c1.2-0.3,4.6-1.4,5.9-3.6C11.6,11.3,11.7,9.1,9.7,8.5z" clip-rule="evenodd" style="&#10; display: none;&#10;"/><radialGradient id="n" cx="-2.308" cy="20.509" r=".29" gradientTransform="matrix(8.51 3.1636 3.1637 -8.51 -40.975 191.442)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff7091" stop-opacity=".7"/><stop offset="1" stop-color="#fe6d8e" stop-opacity="0"/></radialGradient><path xmlns="http://www.w3.org/2000/svg" fill="url(#n)" fill-rule="evenodd" d="M9.7,8.5C7.6,7.9,6.9,9.3,6.9,9.3S7.1,7.7,5,7C3,6.4,1.8,8.3,1.7,9.4c-0.2,2.5,2,5.3,2.8,6.3 C4.6,16,4.9,16,5.2,16c1.2-0.3,4.6-1.4,5.9-3.6C11.6,11.3,11.7,9.1,9.7,8.5z" clip-rule="evenodd" style="&#10; display: none;&#10;"/><text style="transform: translate(12px, 15px) scale(0.55) rotateY(180deg);">🍕</text><radialGradient id="o" cx="-2.505" cy="20.75" r=".249" gradientTransform="matrix(-1.8271 8.8932 12.246 2.5158 -254.697 -18.163)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9c0600"/><stop offset="1" stop-color="#9c0600" stop-opacity="0"/></radialGradient><path fill="url(#o)" fill-rule="evenodd" d="M9.7,8.5C7.6,7.9,6.9,9.3,6.9,9.3S7.1,7.7,5,7C3,6.4,1.8,8.3,1.7,9.4c-0.2,2.5,2,5.3,2.8,6.3 C4.6,16,4.9,16,5.2,16c1.2-0.3,4.6-1.4,5.9-3.6C11.6,11.3,11.7,9.1,9.7,8.5z" clip-rule="evenodd" style="&#10; d: none;&#10;"/><radialGradient id="p" cx="-1.547" cy="20.349" r=".15" gradientTransform="matrix(7.812 4.6261 5.8059 -9.8043 -94.645 218.657)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9c0600" stop-opacity=".5"/><stop offset="1" stop-color="#9c0600" stop-opacity="0"/></radialGradient><path fill="url(#p)" fill-rule="evenodd" d="M9.7,8.5C7.6,7.9,6.9,9.3,6.9,9.3S7.1,7.7,5,7C3,6.4,1.8,8.3,1.7,9.4c-0.2,2.5,2,5.3,2.8,6.3 C4.6,16,4.9,16,5.2,16c1.2-0.3,4.6-1.4,5.9-3.6C11.6,11.3,11.7,9.1,9.7,8.5z" clip-rule="evenodd"/><radialGradient id="q" cx="-2.763" cy="20.429" r=".13" gradientTransform="matrix(8.5228 -3.1289 -4.0321 -10.983 107.977 224.84)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9c0600" stop-opacity=".5"/><stop offset="1" stop-color="#9c0600" stop-opacity="0"/></radialGradient><path fill="url(#q)" fill-rule="evenodd" d="M9.7,8.5C7.6,7.9,6.9,9.3,6.9,9.3S7.1,7.7,5,7C3,6.4,1.8,8.3,1.7,9.4c-0.2,2.5,2,5.3,2.8,6.3 C4.6,16,4.9,16,5.2,16c1.2-0.3,4.6-1.4,5.9-3.6C11.6,11.3,11.7,9.1,9.7,8.5z" clip-rule="evenodd" style="&#10; display: none;&#10;"/><radialGradient id="r" cx="-1.795" cy="20.148" r=".175" gradientTransform="matrix(7.5205 5.0863 5.5088 -8.1451 -88.557 187.152)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9c0600" stop-opacity=".999"/><stop offset="1" stop-color="#9c0600" stop-opacity="0"/></radialGradient><path fill="url(#r)" fill-rule="evenodd" d="M9.7,8.5C7.6,7.9,6.9,9.3,6.9,9.3S7.1,7.7,5,7C3,6.4,1.8,8.3,1.7,9.4c-0.2,2.5,2,5.3,2.8,6.3 C4.6,16,4.9,16,5.2,16c1.2-0.3,4.6-1.4,5.9-3.6C11.6,11.3,11.7,9.1,9.7,8.5z" clip-rule="evenodd" style="&#10; display: none;&#10;"/><defs><filter id="s" width="6.9" height="5.4" x="-.2" y="7.2" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter></defs><mask id="u" width="6.9" height="5.4" x="-.2" y="7.2" maskUnits="userSpaceOnUse"><path fill="#fff" fill-rule="evenodd" d="M16,8c0,4.4-3.6,8-8,8c-4.4,0-8-3.6-8-8c0-4.4,3.6-8,8-8C12.4,0,16,3.6,16,8z" clip-rule="evenodd" filter="url(#s)"/></mask><radialGradient id="t" cx="-2.204" cy="20.844" r="1.226" gradientTransform="matrix(4.3582 3.2271 3.227 -4.3582 -57.739 105.424)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#eda83a"/><stop offset="1" stop-color="#ffdc5e"/></radialGradient><path fill="url(#t)" fill-rule="evenodd" d="M1.3,7.7C0.8,7.2-0.1,6.9-0.2,8.1c-0.1,0.9,0.3,2.5,1.4,3.4c2.8,2.2,5.3,1,5.4-0.6c0.1-1.2-1.4-1.1-1.8-1.1 c0,0,0,0,0-0.1c0.1-0.1,0.3-0.2,0.4-0.3c0.4-0.3,0.2-0.8-0.3-0.7c-0.1,0-1.3,0.4-2.1,0.1C2,8.5,1.9,8.2,1.3,7.7z" clip-rule="evenodd" mask="url(#u)"/><radialGradient id="v" cx="15.654" cy="7.737" r="8.846" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#eda83a"/><stop offset="1" stop-color="#ffdc5e"/></radialGradient><path fill="url(#v)" d="M14.3,7.8c0.3-0.6,0.8-0.4,1.1-0.3c0.4,0.1,0.7,0.4,0.7,1c0,1.5-0.2,2.9-1.5,4.3 c-2.3,2.6-6.2,2.2-6.6,0.6C7.7,12.2,9.1,12,9.6,12c0,0,0-0.1,0-0.1c-0.2-0.1-0.3-0.2-0.5-0.3c-0.4-0.3-0.3-0.9,0.2-0.8 c0.6,0.1,1.4,0.3,2,0.2C13.2,10.8,13.5,9.3,14.3,7.8L14.3,7.8z"/></svg>
@giuseppeg
Copy link
Author

png:

Screen Shot 2020-05-03 at 11 45 13 PM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment