Icon Component
Using the Icon Component? Copy, paste, and go.
<s-icon name="icon-social-instagram"></s-icon>
Icon font
Using the web font? Copy, paste, and go.
<span class="sf-social sf-icon-social-instagram"></span>
Code point
- Unicode:
U+F107
- CSS:
\F107
- JS:
\uF107
- HTML:

Copy HTML
Paste the SVG right into your project's code.
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="s-icon s-icon-social-instagram" viewBox="0 0 16 16">
<path d="M8 3.081c1.6 0 1.792.006 2.425.035.38.005.757.075 1.114.207.26.096.496.25.69.448.199.194.352.43.448.69.133.357.202.734.207 1.114.029.633.035.823.035 2.425 0 1.602-.006 1.792-.035 2.425a3.34 3.34 0 0 1-.207 1.114 1.986 1.986 0 0 1-1.138 1.138 3.322 3.322 0 0 1-1.114.207c-.633.029-.823.035-2.425.035-1.602 0-1.792-.006-2.425-.035a3.322 3.322 0 0 1-1.114-.207 1.857 1.857 0 0 1-.69-.448 1.867 1.867 0 0 1-.448-.69 3.324 3.324 0 0 1-.207-1.114C3.087 9.792 3.081 9.6 3.081 8c0-1.6.006-1.792.035-2.425a3.34 3.34 0 0 1 .207-1.114c.096-.26.25-.496.448-.69.194-.199.43-.352.69-.448a3.323 3.323 0 0 1 1.114-.207c.633-.029.825-.035 2.425-.035ZM8 2c-1.63 0-1.834.007-2.474.036a4.39 4.39 0 0 0-1.456.279c-.4.15-.763.387-1.063.692-.305.3-.542.663-.692 1.063a4.413 4.413 0 0 0-.279 1.456C2.006 6.166 2 6.371 2 8c0 1.63.007 1.834.036 2.474.01.499.104.992.279 1.46.15.4.387.763.692 1.062.3.306.663.542 1.063.693.466.174.958.268 1.456.278.64.026.845.033 2.474.033 1.63 0 1.834-.007 2.474-.036a4.41 4.41 0 0 0 1.456-.279 3.073 3.073 0 0 0 1.755-1.752 4.41 4.41 0 0 0 .279-1.456C13.994 9.834 14 9.63 14 8s-.007-1.834-.036-2.474a4.41 4.41 0 0 0-.279-1.456c-.15-.4-.387-.763-.692-1.063a2.934 2.934 0 0 0-1.06-.692 4.413 4.413 0 0 0-1.459-.279C9.834 2.006 9.629 2 8 2Z"/>
<path d="M8 4.919a3.081 3.081 0 1 0 0 6.162A3.081 3.081 0 0 0 8 4.92ZM8 10a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm3.202-4.483a.72.72 0 1 0 0-1.44.72.72 0 0 0 0 1.44Z"/>
</svg>