Skip to content

Instantly share code, notes, and snippets.

@allanwhite
Created December 5, 2020 02:40
Show Gist options
  • Save allanwhite/41f75f43acf10833d292b3b30c29f21e to your computer and use it in GitHub Desktop.
Save allanwhite/41f75f43acf10833d292b3b30c29f21e to your computer and use it in GitHub Desktop.
Social Media Icons as an SVG symbol. Optimized with SVOMG.
Display the source blob
Display the rendered blob
Raw
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" overflow="hidden" style="position:absolute;width:0;height:0" version="1.1"><defs/><defs><symbol id="icon-facebook" viewBox="0 0 32 32"><path d="M29 0H3a3 3 0 00-3 3v26a3 3 0 003 3h13V18h-4v-4h4v-2a6 6 0 016-6h4v4h-4a2 2 0 00-2 2v2h6l-1 4h-5v14h9a3 3 0 003-3V3a3 3 0 00-3-3z"/></symbol><symbol id="icon-instagram" viewBox="0 0 32 32"><path d="M16 2.9h6.5c1.5.1 2.4.4 3 .6a5 5 0 011.8 1.2c.5.6.9 1.1 1.2 1.9.2.5.4 1.4.5 3a112.7 112.7 0 01-.5 15.8 5 5 0 01-1.2 1.9c-.6.5-1.1.9-1.9 1.2-.5.2-1.4.4-3 .5a112.7 112.7 0 01-15.8-.5 5 5 0 01-1.9-1.2 5 5 0 01-1.2-1.9c-.2-.5-.4-1.4-.5-3a112.7 112.7 0 01.5-15.8 5 5 0 011.2-1.9c.6-.5 1.1-.9 1.9-1.2C7 3.3 8 3 9.6 3l6.4-.1zM16 0H9.4C7.7.3 6.5.5 5.5.9s-2 1-2.8 1.9c-1 .9-1.5 1.8-1.9 2.8-.4 1-.6 2.2-.7 3.9a117.6 117.6 0 00.7 17c.5 1.1 1 2 1.9 3 .9.8 1.8 1.4 2.8 1.8 1 .4 2.2.6 3.9.7a117.2 117.2 0 0017-.7c1.1-.4 2-1 2.9-1.9s1.4-1.8 1.8-2.8c.4-1 .7-2.2.8-3.9a117.2 117.2 0 00-.8-17A7.8 7.8 0 0026.4.8c-1-.5-2.1-.7-3.8-.8L16 0z"/><path d="M16 7.8a8.2 8.2 0 100 16.4 8.2 8.2 0 000-16.4zm0 13.5a5.3 5.3 0 110-10.6 5.3 5.3 0 010 10.6zM26.5 7.5a2 2 0 11-3.9 0 2 2 0 013.9 0z"/></symbol><symbol id="icon-twitter" viewBox="0 0 32 32"><path d="M32 7a13 13 0 01-3.8 1.1 6.6 6.6 0 003-3.6c-1.4.7-2.8 1.3-4.3 1.6a6.6 6.6 0 00-11.1 6A18.6 18.6 0 012.2 5a6.6 6.6 0 002 8.9c-1 0-2-.4-3-.9v.1c0 3.2 2.4 5.9 5.4 6.5a6.6 6.6 0 01-3 0 6.6 6.6 0 006.1 4.6A13.2 13.2 0 010 27.1a18.6 18.6 0 0028.7-16.6C30 9.5 31.1 8.4 32 7z"/></symbol><symbol id="icon-youtube" viewBox="0 0 32 32"><path d="M31.7 9.6s-.3-2.2-1.3-3.2c-1.2-1.3-2.6-1.3-3.2-1.3-4.5-.4-11.2-.4-11.2-.4s-6.7 0-11.2.4c-.6 0-2 0-3.2 1.3C.6 7.4.3 9.6.3 9.6S0 12.2 0 14.8v2.4c0 2.6.3 5.2.3 5.2s.3 2.2 1.3 3.2c1.2 1.2 2.8 1.2 3.5 1.3 2.6.3 11 .4 11 .4s6.6 0 11.1-.4c.6 0 2 0 3.2-1.3 1-1 1.3-3.2 1.3-3.2s.3-2.6.3-5.2v-2.4c0-2.6-.3-5.2-.3-5.2zm-19 10.5v-9l8.6 4.6-8.6 4.4z"/></symbol><symbol id="icon-tumblr" viewBox="0 0 32 32"><path d="M29 0H3a3 3 0 00-3 3v26a3 3 0 003 3h26a3 3 0 003-3V3a3 3 0 00-3-3zm-6.1 25.8l-2.6 1-2.5.2a6.7 6.7 0 01-4.3-1.5c-.6-.5-1-1-1.2-1.5s-.3-1.3-.3-2.3v-7.8H9v-3c.9-.4 1.9-.8 2.5-1.3A6 6 0 0013 7.7c.4-.7.6-1.7.8-2.8h3V10H22v4h-5.1v5.6L17 22c.1.4.5.7.9 1 .4.2 1 .4 1.6.4a6 6 0 003.4-1.1v3.5z"/></symbol><symbol id="icon-linkedin" viewBox="0 0 32 32"><path d="M29 0H3a3 3 0 00-3 3v26a3 3 0 003 3h26a3 3 0 003-3V3a3 3 0 00-3-3zM12 26H8V12h4v14zm-2-16a2 2 0 110-4 2 2 0 010 4zm16 16h-4v-8a2 2 0 10-4 0v8h-4V12h4v2.5c.8-1.2 2-2.5 3.5-2.5 2.5 0 4.5 2.2 4.5 5v9z"/></symbol><symbol id="icon-pinterest" viewBox="0 0 32 32"><path d="M16 2.1A13.9 13.9 0 0011 29c-.2-1-.3-2.8 0-4l1.6-6.9s-.4-.8-.4-2c0-2 1.1-3.4 2.5-3.4 1.2 0 1.8 1 1.8 2 0 1.2-.8 3-1.2 4.6-.3 1.4.7 2.5 2 2.5 2.5 0 4.4-2.6 4.4-6.4 0-3.3-2.4-5.6-5.8-5.6a6 6 0 00-6.2 6c0 1.2.4 2.5 1 3.2a301.5 301.5 0 01-.3 2c0 .2-.2.3-.4.1-1.8-.8-2.8-3.3-2.8-5.3 0-4.4 3.1-8.4 9.1-8.4 4.8 0 8.6 3.4 8.6 8 0 4.8-3 8.6-7.2 8.6-1.4 0-2.8-.7-3.2-1.6l-.9 3.3c-.3 1.2-1.1 2.7-1.7 3.7a14 14 0 0018-13.3c0-7.7-6.2-13.9-13.9-13.9z"/></symbol></defs></svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment