Иконка Instagram

brandico:instagram

Иконка Instagram (brandico:instagram) — бесплатная SVG-иконка из набора Brandico от Fontello. Она нарисована на сетке 1000 × 1000. Brandico icons выпущены под лицензией CC BY SA, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Brandico
Автор: Fontello
Лицензия: CC-BY-SA-3.0
Размер: 1000 × 1000

Скачать SVG

Код SVG

<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>

Как использовать иконку Instagram

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>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="brandico:instagram"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/brandico/instagram.svg" alt="Иконка Instagram" width="24" height="24">

Иконка Instagram в других наборах

Вопросы и ответы: Иконка Instagram

Можно ли бесплатно использовать иконку Instagram в коммерческих проектах?

Да. Brandico icons выпущены под лицензией CC BY SA, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

Как использовать иконку Instagram в React?

Установите @iconify/react и выведите <Icon icon="brandico:instagram" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Instagram на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/brandico/instagram.svg" alt="Иконка Instagram">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Brandico →