Иконка Instagram

il:instagram

Иконка Instagram (il:instagram) — бесплатная SVG-иконка из набора Icalicons от Icalia Labs. Она нарисована на сетке 740 × 850. Icalicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Icalicons
Автор: Icalia Labs
Лицензия: MIT
Размер: 740 × 850

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="740" height="850" viewBox="0 0 740 850"><path fill="currentColor" d="M372 182q41 0 77 15t63 42t42 63t15 77t-15 76t-42 63t-63 42t-77 16t-77-16t-62-42t-42-63t-16-76t16-77t42-63t62-42t77-15m0 324q26 0 49-10t41-27t27-41t10-49t-10-50t-27-41t-41-27t-49-10t-49 10t-41 27t-27 41t-10 50t10 49t27 41t41 27t49 10m368-314q9 187 0 374q-2 36-17 68t-39 56t-57 40t-68 17q-47 2-93 3t-94 1t-93-1t-94-3q-36-2-68-17t-56-40t-40-56t-17-68q-8-187 0-374q2-36 17-68t40-57t56-39t68-17q187-9 374 0q36 2 68 17t57 39t39 57t17 68m-70 370q9-183 0-367q-1-22-11-42t-25-36t-36-26t-42-11q-46-2-92-3t-92-1t-92 1t-92 3q-22 1-42 11t-35 26t-26 36t-11 42q-9 184 0 368q1 22 11 42t26 35t35 26t42 11q184 9 368 0q22-1 42-11t36-26t25-36t11-42M569 138q18 0 31 13t13 31t-13 31t-31 13t-31-13t-13-31t13-31t31-13"/></svg>

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

React

import { Icon } from "@iconify/react";

<Icon icon="il:instagram" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="il:instagram" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="il:instagram" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[il--instagram]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/il -->
<div class="i-il:instagram"></div>

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

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

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

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

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

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

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

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

Да. Icalicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Icalicons →