Social Instagram ikonu

foundation:social-instagram

Social Instagram ikonu (foundation:social-instagram), Foundation setinden ücretsiz bir SVG ikondur (yapımcı: Zurb). 100 × 100 ızgara üzerinde çizilmiştir. Foundation icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: Foundation
Yazar: Zurb
Lisans: MIT
Boyut: 100 × 100
Etiketler: socialinstagram

SVG indir

SVG kodu

<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 ikonu nasıl kullanılır

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>

Web bileşeni

<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 görseli

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

Foundation setindeki benzer ikonlar

Diğer ikon setlerinde Social Instagram ikonu

Social Instagram ikonu: sık sorulan sorular

Social Instagram ikonu ticari kullanım için ücretsiz mi?

Evet. Foundation icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Social Instagram ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="foundation:social-instagram" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Social Instagram ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/foundation/social-instagram.svg" alt="Social Instagram ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Foundation ikonları →