Instagram Filled icon
brandico:instagram-filled
The Instagram Filled icon (brandico:instagram-filled) 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
- Tags
- instagramfilled
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="0 0 1000 1000"><path fill="currentColor" d="M603.575 510.854c0-54.044-44.172-98.02-98.463-98.02c-54.285 0-98.455 43.977-98.455 98.02c0 54.058 44.17 98.026 98.455 98.026c54.291 0 98.463-43.968 98.463-98.026M749.855.602H250.142C112.465.602.456 112.124.456 249.199v69.266h367.413c38.769-27.496 86.118-43.739 137.243-43.739s98.48 16.243 137.251 43.739H999.54v-69.266C999.54 112.123 887.531.602 749.855.602m101.12 236.435c0 15.191-12.48 27.622-27.743 27.622h-85.72c-15.261 0-27.743-12.431-27.743-27.622v-85.352c0-15.19 12.481-27.622 27.743-27.622h85.72c15.262 0 27.743 12.43 27.743 27.622zM742.287 510.854c0 130.215-106.402 236.133-237.176 236.133c-130.778 0-237.17-105.918-237.17-236.133c0-35.848 8.11-69.845 22.532-100.318H.456v340.263c0 137.085 112.009 248.597 249.686 248.597h499.714c137.676 0 249.685-111.513 249.685-248.597V410.536H719.755c14.422 30.473 22.532 64.47 22.532 100.318"/></svg>How to use the Instagram Filled icon
React
import { Icon } from "@iconify/react";
<Icon icon="brandico:instagram-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="brandico:instagram-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="brandico:instagram-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[brandico--instagram-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/brandico -->
<div class="i-brandico:instagram-filled"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="brandico:instagram-filled"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/brandico/instagram-filled.svg" alt="Instagram Filled icon" width="24" height="24">Related icons in Brandico
Instagram Filled icon in other icon sets
Instagram Filled icon FAQ
Is the Instagram Filled 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 Filled icon in React?
Install @iconify/react and render <Icon icon="brandico:instagram-filled" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Instagram Filled icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/brandico/instagram-filled.svg" alt="Instagram Filled icon">, or paste the SVG code inline to style it with CSS.