Instagram Fill アイコン
akar-icons:instagram-fill
Instagram Fill アイコン(akar-icons:instagram-fill)は、Akar Icons セットの無料 SVG アイコンです（作者: Arturo Wibawa）。 24 × 24 のグリッドで描かれています。 Akar Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Akar Icons
- 作者
- Arturo Wibawa
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- instagramfill、instagram
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.465 1.066C8.638 1.012 9.012 1 12 1s3.362.013 4.534.066s1.972.24 2.672.511c.733.277 1.398.71 1.948 1.27c.56.549.992 1.213 1.268 1.947c.272.7.458 1.5.512 2.67C22.988 8.639 23 9.013 23 12s-.013 3.362-.066 4.535c-.053 1.17-.24 1.97-.512 2.67a5.4 5.4 0 0 1-1.268 1.949c-.55.56-1.215.992-1.948 1.268c-.7.272-1.5.458-2.67.512c-1.174.054-1.548.066-4.536.066s-3.362-.013-4.535-.066c-1.17-.053-1.97-.24-2.67-.512a5.4 5.4 0 0 1-1.949-1.268a5.4 5.4 0 0 1-1.269-1.948c-.271-.7-.457-1.5-.511-2.67C1.012 15.361 1 14.987 1 12s.013-3.362.066-4.534s.24-1.972.511-2.672a5.4 5.4 0 0 1 1.27-1.948a5.4 5.4 0 0 1 1.947-1.269c.7-.271 1.5-.457 2.67-.511m8.98 1.98c-1.16-.053-1.508-.064-4.445-.064s-3.285.011-4.445.064c-1.073.049-1.655.228-2.043.379c-.513.2-.88.437-1.265.822a3.4 3.4 0 0 0-.822 1.265c-.151.388-.33.97-.379 2.043c-.053 1.16-.064 1.508-.064 4.445s.011 3.285.064 4.445c.049 1.073.228 1.655.379 2.043c.176.477.457.91.822 1.265c.355.365.788.646 1.265.822c.388.151.97.33 2.043.379c1.16.053 1.507.064 4.445.064s3.285-.011 4.445-.064c1.073-.049 1.655-.228 2.043-.379c.513-.2.88-.437 1.265-.822c.365-.355.646-.788.822-1.265c.151-.388.33-.97.379-2.043c.053-1.16.064-1.508.064-4.445s-.011-3.285-.064-4.445c-.049-1.073-.228-1.655-.379-2.043c-.2-.513-.437-.88-.822-1.265a3.4 3.4 0 0 0-1.265-.822c-.388-.151-.97-.33-2.043-.379m-5.85 12.345a3.669 3.669 0 0 0 4-5.986a3.67 3.67 0 1 0-4 5.986M8.002 8.002a5.654 5.654 0 1 1 7.996 7.996a5.654 5.654 0 0 1-7.996-7.996m10.906-.814a1.337 1.337 0 1 0-1.89-1.89a1.337 1.337 0 0 0 1.89 1.89" clip-rule="evenodd"/></svg>Instagram Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="akar-icons:instagram-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="akar-icons:instagram-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="akar-icons:instagram-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[akar-icons--instagram-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/akar-icons -->
<div class="i-akar-icons:instagram-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="akar-icons:instagram-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/akar-icons/instagram-fill.svg" alt="Instagram Fill アイコン" width="24" height="24">他のアイコンセットの Instagram Fill アイコン
Instagram Fill アイコン のよくある質問
Instagram Fill アイコンは商用利用でも無料ですか?
はい。Akar Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Instagram Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="akar-icons:instagram-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Instagram Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/akar-icons/instagram-fill.svg" alt="Instagram Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。