Skip to content

Instantly share code, notes, and snippets.

@alexmwalker
Last active November 27, 2023 22:27
Show Gist options
  • Save alexmwalker/553acc28ba5559664ee7d982e2b04b24 to your computer and use it in GitHub Desktop.
Save alexmwalker/553acc28ba5559664ee7d982e2b04b24 to your computer and use it in GitHub Desktop.
Socials SVG Stack
Display the source blob
Display the rendered blob
Raw
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 34 102">
<view id="icon-facebook" viewBox="0 0 34 34" />
<view id="icon-linkedin" viewBox="0 34 34 34" />
<view id="icon-instagram" viewBox="0 68 34 34" />
<g>
<g fill="#000100" clip-path="url(#b)" id="icon-facebook-group">
<path d="M17 71.06c4.54 0 5.08.02 6.87.1 1.66.07 2.55.35 3.15.59.8.3 1.36.67 1.95 1.26.6.6.97 1.17 1.27 1.96.23.6.51 1.5.59 3.15.08 1.8.1 2.33.1 6.87s-.02 5.08-.1 6.86a9.32 9.32 0 0 1-.59 3.16c-.3.79-.68 1.36-1.27 1.95-.6.6-1.16.96-1.95 1.27-.6.23-1.5.51-3.15.58-1.8.08-2.33.1-6.87.1s-5.08-.02-6.87-.1a9.31 9.31 0 0 1-3.15-.58 5.26 5.26 0 0 1-1.95-1.27c-.6-.6-.97-1.16-1.27-1.95-.23-.6-.51-1.5-.59-3.16-.08-1.79-.1-2.33-.1-6.86 0-4.55.02-5.08.1-6.87.08-1.66.36-2.56.59-3.15.3-.8.68-1.37 1.27-1.96.6-.6 1.16-.96 1.95-1.26.6-.24 1.5-.52 3.15-.59 1.79-.08 2.33-.1 6.87-.1ZM17 68c-4.62 0-5.2.02-7 .1-1.81.08-3.05.37-4.13.79a8.3 8.3 0 0 0-3.01 1.97 8.33 8.33 0 0 0-1.97 3A12.46 12.46 0 0 0 .1 78C.02 79.8 0 80.39 0 85c0 4.62.02 5.2.1 7 .08 1.81.37 3.05.79 4.13a8.3 8.3 0 0 0 1.97 3.01c.94.95 1.89 1.53 3 1.96 1.09.42 2.32.71 4.13.8 1.81.07 2.39.1 7 .1 4.62 0 5.2-.03 7-.1 1.82-.09 3.06-.38 4.13-.8a8.32 8.32 0 0 0 3.01-1.96 8.3 8.3 0 0 0 1.96-3c.42-1.09.71-2.32.79-4.13.08-1.81.1-2.39.1-7 0-4.62-.02-5.2-.1-7-.08-1.82-.37-3.06-.79-4.13a7.96 7.96 0 0 0-1.95-3.02 8.3 8.3 0 0 0-3-1.96 12.45 12.45 0 0 0-4.13-.8c-1.82-.08-2.4-.1-7.01-.1Z"/>
<path d="M17 76.27a8.73 8.73 0 1 0 0 17.47 8.73 8.73 0 0 0 0-17.47Zm0 14.4a5.67 5.67 0 1 1 0-11.34 5.67 5.67 0 0 1 0 11.33ZM28.12 75.92a2.04 2.04 0 1 1-4.08 0 2.04 2.04 0 0 1 4.08 0Z"/>
</g>
<g id="icon-linkedin-group">
<path fill="#0A66C2" d="M31.49 34H2.51A2.51 2.51 0 0 0 0 36.51v28.98A2.51 2.51 0 0 0 2.51 68h28.98A2.51 2.51 0 0 0 34 65.49V36.51A2.51 2.51 0 0 0 31.49 34ZM10.13 62.96h-5.1V46.73h5.1v16.23ZM7.57 44.48a2.94 2.94 0 1 1 2.74-1.8 2.9 2.9 0 0 1-2.74 1.8Zm21.4 18.5h-5.1V54.1c0-2.62-1.12-3.43-2.55-3.43-1.52 0-3 1.15-3 3.5v8.8H13.2V46.74h4.92v2.25h.07c.49-1 2.22-2.7 4.85-2.7 2.86 0 5.94 1.69 5.94 6.64v10.05Z"/>
</g>
<g id="icon-instagram-group">
<path fill="#1877F2" d="M34 17a17 17 0 1 0-19.66 16.8V21.9h-4.31V17h4.31v-3.75c0-4.26 2.54-6.6 6.42-6.6 1.86 0 3.81.32 3.81.32v4.19h-2.14c-2.11 0-2.77 1.3-2.77 2.65V17h4.71l-.75 4.91h-3.96V33.8A17 17 0 0 0 34 17Z"/>
<path fill="white" d="m23.62 21.91.75-4.91h-4.71v-3.19c0-1.34.66-2.65 2.77-2.65h2.14V6.97s-1.95-.33-3.8-.33c-3.89 0-6.43 2.35-6.43 6.61V17h-4.31v4.91h4.31V33.8c1.76.28 3.56.28 5.32 0V21.91h3.96Z"/>
</g>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment