Skip to content

Instantly share code, notes, and snippets.

@vczb
Created January 25, 2021 20:55
Show Gist options
  • Select an option

  • Save vczb/ebca2fe1fe37af3a5c3f7a6fdd27a483 to your computer and use it in GitHub Desktop.

Select an option

Save vczb/ebca2fe1fe37af3a5c3f7a6fdd27a483 to your computer and use it in GitHub Desktop.
SVG Symbol
<div id="icons" style="display: none;">
<svg xmlns="http://www.w3.org/2000/svg">
<symbol
id="icon-facebook"
viewBox="-164 42.3 512 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M168.3,239.2h-0.1c-7.7,0.1-15.5,0-23,0h-0.3c-3.9,0-7.7,0-11.6,0c-4.4,0-5.9-3-5.9-5.8c0.1-4.8,0-9.7,0-14.3
c0-2.4,0-4.9,0-7.3c0-1.7,0.2-3.3,0.5-4.7c0.8-2.8,2.6-4.6,5.2-5.2c1.5-0.4,3.2-0.6,5.2-0.6h31.1c5.2,0,10.1-4.2,10.5-9.1v-53.4
c-0.4-4-4.4-8.1-8.7-8.9c-0.3,0-0.6-0.1-0.9-0.2h-50.5c-1,0.3-2,0.3-2.6,0.4c-0.3,0-0.5,0-0.6,0h-0.2c-21.6,2.5-38.6,10.3-52,24.1
c-10,10.1-16,22.5-17.7,36.8c-0.6,4.8-0.5,9.6,0.1,14.1v0.6v27.9c0,3.5-2.3,5.7-5.8,5.7H16.1c-3.7,0-6.4,0.9-8.5,2.9
c-1.8,1.6-2.8,3.5-3.3,5.7c0,0.5-0.1,0.9-0.2,1.3v55.9c0.2,0.5,0.3,1,0.4,1.5c0.2,0.7,0.4,1.4,0.6,1.9c2.3,4.2,5.3,6.1,9.8,6.1
c5.3,0.1,10.6,0,15.8,0h0.2c2.7,0,5.4,0,8,0c2.8,0,5.8,1.5,5.8,5.9v134.2c0,5,1.8,8.3,5.5,10.7c1.3,0.8,2.6,1.3,4.1,1.4h63.4
c0.2,0,0.4,0,0.5,0c5.2-0.8,9.1-5.6,9.1-11.1V321.5c0-3.7,2.2-5.9,6-5.9h29.4c5.6,0,10.3-4.2,10.8-9.8c1.4-12.3,2.8-24.5,4.2-36.8
c0.3-2.8,0.6-5.7,1-8.5v-0.4c0.3-2.9,0.6-5.8,1-8.6v-2.2C179.4,244.3,175.6,239.2,168.3,239.2z M167.6,255.6
c-1.2,11.8-2.5,23.6-3.9,35.2c-0.1,0.9-0.2,1.8-0.3,2.7c-0.2,1.8-0.4,3.5-0.6,5.2c-0.3,2.7-2.2,5.2-5.9,4.9l0,0h-34.3
c-2.8,0-4.4,0.7-5.6,2.4c-0.8,1.1-1.2,2.2-1.2,3.8v139.5c0,3.8-2.2,6-6,6H62.1c-3.5,0-5.8-2.3-5.8-5.8V309.8c0-3-0.9-4.8-3.1-6.2
c-0.8-0.5-1.8-0.7-3-0.7H21c-3.6,0-5.8-2.2-5.8-5.8v-40.9c0-3.5,2.2-5.7,5.7-5.7H52c3,0,5.3-1.9,5.9-4.7c0.1-0.6,0.1-1.4,0.1-2.2
v-37.4c0-1-0.1-2.2-0.3-3.3c-0.2-1.4-0.3-2.8-0.3-4.3c-0.2-12,3.5-22.9,11.2-32.4c7.8-9.8,18.4-16.9,31.5-21.2c8.2-2.7,17-4,26-4
c8,0.1,16.2,0,24.1,0h1c3.8,0,7.5,0,11.3,0c3.5,0,5.7,2.3,5.7,5.8V184c0,3.5-2.3,5.8-5.8,5.8c-2.5,0-5,0-7.6,0
c-6.2,0-12.6-0.1-18.8,0.1c-6.8,0.2-11.9,2.4-15.7,6.9c-2.9,3.5-4.4,7.8-4.4,12.7c-0.1,11.6-0.1,23.4-0.1,34.7
c0,2.4,0.8,5.4,4.4,6.3h0.2c0.4,0.1,1.1,0.1,1.8,0.1h46L167.6,255.6z"
/>
</symbol>
<symbol
xmlns="http://www.w3.org/2000/svg"
id="icon-instagram"
viewBox="156 -156 512 512"
>
<path
className="st0"
d="M532.6 284H283.4c-30.6 0-55.4-24.9-55.4-55.4V-20.7c0-30.6 24.9-55.4 55.4-55.4h249.2c30.6 0 55.4 24.9 55.4 55.4v249.3c0 30.6-24.8 55.4-55.4 55.4zM283.4-64.1c-23.9 0-43.4 19.5-43.4 43.4v249.3c0 23.9 19.5 43.4 43.4 43.4h249.2c23.9 0 43.4-19.5 43.4-43.4V-20.7c0-23.9-19.5-43.4-43.4-43.4H283.4z"
/>
<path
className="st0"
d="M408 217.9c-62.8 0-114-51.1-114-114 0-62.8 51.1-114 114-114 62.8 0 114 51.1 114 114s-51.1 114-114 114zM408 2c-56.2 0-102 45.7-102 102s45.7 102 102 102c56.2 0 102-45.7 102-102S464.3 2 408 2zM524 10.8c-12.1 0-22-9.9-22-22s9.9-22 22-22 22 9.9 22 22-9.9 22-22 22zm0-32c-5.5 0-10 4.5-10 10s4.5 10 10 10 10-4.5 10-10-4.5-10-10-10z"
/>
<path
className="st0"
d="M408 189.9c-47.4 0-86-38.6-86-86s38.6-86 86-86 86 38.6 86 86-38.6 86-86 86zM408 30c-40.8 0-74 33.2-74 74s33.2 74 74 74 74-33.2 74-74-33.2-74-74-74z"
/>
</symbol>
<symbol
id="icon-linkedin"
xmlns="http://www.w3.org/2000/svg"
viewBox="-164 42.3 512 512"
>
<path
className="st0"
d="M15.8 245.5c-.1-6.5-5-11.4-11.4-11.4h-15.2c-.3 0-.6 0-1-.1h-27.9l26.3-8.8c.3-.1.4-.1.5-.2.2-.1.4-.1.5-.2 23.9-8.3 37.5-32.2 32.3-56.7C15.9 148.8.2 133.5-19 130l-5.3-.8H-32c-.9.2-1.8.3-2.7.4-1 .2-1.9.3-2.8.5-19.8 3.6-36.2 20.5-39.2 40.3-.1.6-.2 1.3-.3 2-.1.7-.2 1.3-.3 2v7.7c.1 1.1.3 2.2.4 3.2 3.4 19 13.8 31.8 31.8 39.1.4.1.8.3 1.1.4.3.1.4.2.6.2l3.3.9v8.1h-20.7c-6.4 0-11.3 4.9-11.3 11.3V456c0 6.4 4.9 11.3 11.3 11.3H4.6c6.4 0 11.2-4.8 11.2-11.2V245.5zm-81.4-67.2c0-10.1 4-19.5 11.2-26.6 7.3-7.2 16.9-11.1 27.2-10.9 20.2.3 36.7 17.2 36.7 37.8-.1 20.5-17 37.2-37.8 37.2-20.5 0-37.3-16.8-37.3-37.5zM4.1 455.5h-64.5V245.6H4.1v209.9zM261.6 376.6c0-14 0-28.5-.1-42.8-.1-9.7-.7-18.4-1.8-26.3-1.3-10.3-3.4-19.5-6.5-28.1-3.9-10.8-9.1-19.6-15.8-26.8-8.7-9.3-19.7-15.8-33.6-19.8-11-3.1-22.8-4.3-36-3.9-11.9.4-23 3-33.1 7.8-2.2 1.1-4.4 2.3-6.6 3.5-1.1.6-2.3 1.2-3.4 1.8l-3.4 1.8-2.3-3.1c-.5-.7-.9-1.4-1.2-2.1-2.3-3.2-5.2-4.7-9-4.7h-63c-6.1 0-11 5-11 11.1v211c0 6.2 4.9 11.1 11.1 11.1h65.6c.6 0 1.2 0 1.6-.1 5.7-1 9.4-5.4 9.4-11.2V355.5c0-4.8.2-9.9.5-15.9.4-6.5 1.5-11.9 3.3-16.7 2.8-7.3 7.4-11.7 14.1-13.3 3-.8 6.3-1.2 9.6-1.2 2.1 0 4.3.2 6.5.5 6.3.9 10.9 4.6 13.2 10.6 1 2.4 1.7 4.9 2.1 7.1 1.6 7.8 1.8 15.8 1.8 21.8v105.2c0 .9 0 1.9.1 2.7v.1c.4 6.1 5.1 10.6 11.1 10.6h65.3c6.6 0 11.4-4.8 11.4-11.4l.1-79zm-11.7 78.9h-64.5v-6-31.6-63.3c0-8.1-.5-16-.9-22.7-.5-6.6-1.9-12.4-4.3-17.6-4.1-9.1-11-14.6-20.6-16.4-8.7-1.7-17.1-1.1-25 1.7-9.1 3.2-15.4 9.7-19.2 19.8-2.3 6.3-3.6 13.3-4 21.6-.3 4.9-.3 9.6-.3 14.7v99.9h-4.6c-18.2 0-37 0-55.6-.1h-4.5V245.7h61.8V258c0 1.5.2 2.6.7 3.5.9 1.7 2.5 2.8 4.4 3 1.9.3 3.7-.4 5-1.7 10.5-11.1 23.5-18.1 38.7-21 6.7-1.2 13.8-1.6 22.6-1.1 10.5.7 18.9 2.4 26.4 5.2 16.7 6.1 28.6 17.8 35.4 34.9 3.2 7.9 5.3 16.6 6.8 27.4 1.5 11.7 1.7 23.2 1.7 32.9v114.4z"
/>
</symbol>
<symbol
id="icon-whatsapp"
viewBox="-164 42.3 512 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
className="st0"
d="M165.5 444c16-7.8 30.5-18 43.1-30.4 19-18.5 33.1-40.6 41.8-65.8 4.5-13 7.3-26.4 8.4-40 2.5-30.6-2.9-59.8-15.9-86.7-8.2-17.2-19.3-32.6-32.9-46-23.7-23.4-52.2-38.6-84.7-45.2-8.7-1.7-16.9-2.7-24.9-3-.5 0-.9-.1-1.4-.2H85.8c-.5.1-1 .2-1.4.2-22.2 1.1-43.6 6.5-63.7 16.1-18.1 8.6-34.4 20.4-48.4 35-20.3 21.2-34.3 46.3-41.7 74.5-3.2 12.4-5 25.5-5.2 38.8-.4 26.4 5.3 51.9 16.8 75.7l.7 1.4c.7 1.5 1.5 2.9 2.2 4.5.8 1.5 1 3.5.5 5.2-3 11-6 22-9 33.1l-.3 1c-3.9 14.5-7.9 29-11.9 43.4l-.1.2c-.1.3-.2.5-.3.8l-.1.4v2c.5 1.6 1.2 2.7 2.1 3.5.7.6 1.8.9 3.2 1.4h1.2l12.9-3.4c21.2-5.6 45.2-11.9 68.3-17.9 1.7-.5 3.7-.3 5.3.5 14.9 7.5 31 12.7 47.7 15.6 11 1.9 22.1 2.6 32.9 2.2 24-.8 46.8-6.5 68-16.9zm-76 5.4c-23.9-.5-46.7-6.2-67.7-16.9-1.3-.6-2.6-1.4-3.9-2.1-1.4-.7-2.9-.9-4.5-.5-10.2 2.7-20.5 5.4-30.7 8-10.2 2.7-20.4 5.3-30.7 8-1.6.4-3.3.8-5 1.3l-9.1 2.3 1.9-7.4c1.3-4.9 2.7-10 4.5-16.5l.1-.4c4.4-16.1 8.9-32.7 13.5-49 .6-1.9.3-3.6-.7-5.4-10.2-17.9-16.6-36.9-19.1-56.5-4-30.7.7-60.3 14-88.1 7.8-16.5 18.6-31.4 31.9-44.2 20.8-20.1 45.7-33.6 73.8-40 10.3-2.3 20.5-3.6 30.5-3.8 42.3-.7 79.2 13.3 109.9 41.8 23.3 21.6 38.7 48.4 45.7 79.7 2.3 10 3.5 20.4 3.7 30.8.5 41.5-13.4 78.1-41.4 108.6-22.7 24.8-51.4 40.8-85.4 47.5-9.7 2.2-20.3 3.1-31.3 2.8z"
/>
<path
className="st0"
d="M186.8 370.1c.7-2.3 1.6-4.5 2.4-6.4 1.3-3.6.8-6.2-2-8.9-6.7-6.5-13.7-13.5-20.4-20.2L142 309.8c-1.5-1.5-2.9-2.2-4.7-2.4-.3 0-.6.1-1 .2-4.5 1.1-9.5 2.5-13.5 5.6-1.4 1.2-3 2.2-4.6 3.2l-.1.1c-.6.4-1.3.8-1.9 1.2-.4.2-.6.4-.9.6-.6.4-1.2.8-1.9 1.2l-3 1.6-.4-.4-.4.3-2.5-1.8c-16.7-12-31-26.5-42.6-43.3l-2.1-3.1 11.5-11.5c1-1 1.6-2 2-3.3.6-2 1.2-4 1.9-6.6.8-3.1.2-5.4-2-7.6l-.1-.1-45.5-45.5c-1.5-1.5-3-2.3-4.6-2.5-.8.1-1.7.3-2.7.6l-1.2.5c-1.6.6-3.3 1.3-5.1 1.9-1.7.5-3 1.4-4.5 2.9-15.3 16.4-21.5 36-18.5 58.2 2 14.8 8.7 28 19.8 39.1 7.2 7.2 14.4 14.4 21.6 21.7 17.7 17.8 36 36.2 54.3 54.1 13 12.7 28.6 19.2 46.3 19.3 3.7 0 7.7-.3 12.1-1 13.2-2.1 25.2-8.1 35.7-17.9 1.8-1.8 2.9-3.3 3.4-5zm-14.5-2.8c-.5.4-1.1.7-1.6 1.1l-.1.1c-1.4 1-2.8 2-4.5 3-8.7 5.4-18.7 8.3-28.8 8.3-14.6 0-28.3-5.7-38.7-16.2l-74.7-74.7c-11.4-11.4-17-25.3-16.4-41.3.4-12.2 4.7-23.3 12.6-32.9l3.2-3.8L64.4 252l-14.8 14.8c-2.5 2.5-3 6.1-1.1 9.1 6.8 11.2 14.8 21.6 24.3 31.6 10.3 10.8 21.8 20.4 34.1 28.3 3 1.9 5.7 1.9 8.7 0 2.2-1.4 4.4-2.9 6.6-4.4 3-2 6.1-4.1 9.2-6 .2-.1.4-.3.7-.4.1-.1.2-.1.2-.1l3.1-2 41.5 41.5-4.6 2.9z"
/>
</symbol>
<symbol
id="icon-youtube"
viewBox="-43.3 242.7 500 347.3"
xmlns="http://www.w3.org/2000/svg"
>
<path
className="st1"
d="M416.5 576.2l-2.2.1c-138.6 9.1-277.6 9-416.2-.1-14.8 0-26.9-12.1-26.9-26.9v-.9c-3.3-87.7-3.3-175.5 0-263.2.5-14.2 11.7-25.8 25.9-26.8l1-.1c138.5-10.4 277.7-10.4 416.2-.2l2.2.2c14.8 0 26.9 12.1 26.9 26.9 3.3 87.2 3.4 174.5.1 261.7l-.1 2.5c0 14.7-12.1 26.8-26.9 26.8zm-419-306.4c-8.1.6-14.5 7.2-14.8 15.4-3.3 87.7-3.3 175.5 0 263.2v.9c0 8.5 6.9 15.4 15.4 15.4 138.6 9.2 277.6 9.2 416.2.1l2.2-.1c8.5 0 15.4-6.9 15.4-15.4l.1-1.7c3.3-87.2 3.3-174.5 0-261.7v-.8c0-8.5-6.9-15.4-15.4-15.4l-2.2-.2c-138.5-10.3-277.7-10.2-416.2.2l-.7.1z"
/>
<path
className="st1"
d="M290.2 407.2l-114.6-67c-4.6-2.7-10.6-2.7-15.2 0-3.9 2.2-6.2 6-6.2 10.1v133.9c0 4.1 2.3 7.9 6.2 10.1 2.3 1.3 4.9 2 7.6 2 2.7 0 5.4-.7 7.6-2l114.6-67c3.8-2.2 6.1-6 6.1-10.1s-2.3-7.8-6.1-10zm-126-56.9c0-.7.8-1.3 1.2-1.5.7-.4 1.7-.7 2.6-.7.9 0 1.8.2 2.6.7l114.6 67c.7.4 1.2 1 1.2 1.5s-.4 1-1.2 1.5l-114.6 67c-1.8 1-3.9.7-5.2 0-.4-.2-1.2-.7-1.2-1.5v-134z"
/>
</symbol>
</svg>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment