Иконка Social Instagram

foundation:social-instagram

Иконка Social Instagram (foundation:social-instagram) — бесплатная SVG-иконка из набора Foundation от Zurb. Она нарисована на сетке 100 × 100. Foundation icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Foundation
Автор: Zurb
Лицензия: MIT
Размер: 100 × 100
Теги: socialinstagram

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g fill="currentColor"><path d="M67.961 45.288c0 9.919-8.041 17.96-17.96 17.96s-17.96-8.041-17.96-17.96c0-2.795.657-5.43 1.795-7.788H14v42c0 3.85 3.15 7 7 7h58c3.85 0 7-3.15 7-7v-42H66.165a17.85 17.85 0 0 1 1.796 7.788M79 13.5H21c-3.85 0-7 3.15-7 7v14h21.665c3.278-4.349 8.47-7.172 14.335-7.172s11.057 2.823 14.335 7.172H86v-14c0-3.85-3.15-7-7-7M19.756 31.216H17.15V21.121a4.25 4.25 0 0 1 2.607-3.922zm4.27 0h-2.469V16.868h2.469zm4.269 0h-2.469V16.868h2.469zm4.266-10.095v10.095h-2.466V16.868h2.466zm49.79 5.842a4.25 4.25 0 0 1-4.251 4.253h-6.909a4.25 4.25 0 0 1-4.252-4.253v-5.842a4.25 4.25 0 0 1 4.252-4.253H78.1a4.25 4.25 0 0 1 4.251 4.253z"/><path d="M50.001 61.148c8.736 0 15.818-7.085 15.818-15.819s-7.081-15.82-15.818-15.82c-8.738 0-15.82 7.085-15.82 15.82c0 8.733 7.082 15.819 15.82 15.819M50 32.725c6.96 0 12.604 5.643 12.604 12.604S56.961 57.933 50 57.933S37.396 52.29 37.396 45.329C37.397 38.367 43.04 32.725 50 32.725"/></g></svg>

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

React

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

<Icon icon="foundation:social-instagram" width="24" />

Vue

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

<template>
  <Icon icon="foundation:social-instagram" width="24" />
</template>

Svelte

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

<Icon icon="foundation:social-instagram" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="foundation:social-instagram"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Иконки Foundation →