Instagram icon
brandico:instagram
The Instagram icon (brandico:instagram) is a free SVG icon from the Brandico set by Fontello. It is drawn on a 1000 × 1000 grid. Brandico icons are released under the CC BY SA license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Brandico
- Author
- Fontello
- License
- CC-BY-SA-3.0
- Size
- 1000 × 1000
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="0 0 1000 1000"><path fill="currentColor" d="M749.359 1.095H250.643c-137.4 0-249.186 111.41-249.186 248.348v501.11c0 136.929 111.786 248.351 249.186 248.351h498.716c137.4 0 249.183-111.423 249.183-248.351V249.442c0-136.937-111.783-248.346-249.183-248.346zm156.895 749.456c0 86.214-70.38 156.368-156.894 156.368H250.644c-86.514 0-156.895-70.154-156.895-156.368V426.903h197.146c-14.393 30.443-22.488 64.404-22.488 100.218c0 130.083 106.18 235.897 236.696 235.897c130.513 0 236.695-105.814 236.695-235.897c0-35.814-8.094-69.776-22.49-100.218h186.945v323.648zM406.845 527.123c0-53.99 44.077-97.923 98.259-97.923c54.184 0 98.258 43.934 98.258 97.923c0 54.001-44.074 97.926-98.258 97.926c-54.181-.001-98.259-43.925-98.259-97.926m499.409-192.199H642.08c-38.701-27.468-85.954-43.695-136.976-43.695s-98.281 16.227-136.973 43.695H93.749v-85.481c0-86.223 70.381-156.367 156.895-156.367H749.36c86.514 0 156.894 70.144 156.894 156.367zM806.248 148.861h-85.55c-15.232 0-27.687 12.418-27.687 27.594v85.266c0 15.175 12.454 27.594 27.687 27.594h85.55c15.231 0 27.687-12.419 27.687-27.594v-85.266c0-15.176-12.455-27.594-27.687-27.594"/></svg>
How to use the Instagram icon
React
import { Icon } from "@iconify/react";
<Icon icon="brandico:instagram" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="brandico:instagram" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="brandico:instagram" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[brandico--instagram]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/brandico -->
<div class="i-brandico:instagram"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="brandico:instagram"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/brandico/instagram.svg" alt="Instagram icon" width="24" height="24">
Related icons in Brandico
Instagram icon in other icon sets
Instagram icon FAQ
Is the Instagram icon free for commercial use?
Yes. Brandico icons are released under the CC BY SA license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Instagram icon in React?
Install @iconify/react and render <Icon icon="brandico:instagram" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Instagram icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/brandico/instagram.svg" alt="Instagram icon">, or paste the SVG code inline to style it with CSS.
Browse all Brandico icons →
ICONYZ
