Instagram Square アイコン
fa7-brands:instagram-square
Instagram Square アイコン(fa7-brands:instagram-square)は、Font Awesome Brands セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 640 のグリッドで描かれています。 Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome Brands
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 640 × 640
- タグ
- instagramsquare
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M290.4 275.7c-16.4 10.3-25.9 28.8-24.9 48.1c1.1 19.4 12.7 36.6 30.1 45.1c17.5 8.4 38.2 6.6 54-4.6c16.4-10.3 25.9-28.8 24.9-48.1c-1.1-19.4-12.7-36.6-30.1-45.1c-17.5-8.4-38.2-6.6-54 4.6m142.3-68.4c-5.2-5.2-11.5-9.3-18.4-12c-18.1-7.1-57.6-6.8-83.1-6.5c-4.1 0-7.9.1-11.2.1s-7.2 0-11.4-.1c-25.5-.3-64.8-.7-82.9 6.5c-6.9 2.7-13.1 6.8-18.4 12s-9.3 11.5-12 18.4c-7.1 18.1-6.7 57.7-6.5 83.2c0 4.1.1 7.9.1 11.1s0 7-.1 11.1c-.2 25.5-.6 65.1 6.5 83.2c2.7 6.9 6.8 13.1 12 18.4s11.5 9.3 18.4 12c18.1 7.1 57.6 6.8 83.1 6.5c4.1 0 7.9-.1 11.2-.1s7.2 0 11.4.1c25.5.3 64.8.7 82.9-6.5c6.9-2.7 13.1-6.8 18.4-12s9.3-11.5 12-18.4c7.2-18 6.8-57.4 6.5-83c0-4.2-.1-8.1-.1-11.4s0-7.1.1-11.4c.3-25.5.7-64.9-6.5-83c-2.7-6.9-6.8-13.1-12-18.4zm-67.1 44.5c18.1 12.1 30.6 30.9 34.9 52.2s-.2 43.5-12.3 61.6c-6 9-13.7 16.6-22.6 22.6s-19 10.1-29.6 12.2c-21.3 4.2-43.5-.2-61.6-12.3s-30.6-30.9-34.9-52.2s.2-43.5 12.2-61.6s30.9-30.6 52.2-34.9s43.5.2 61.6 12.2h.1zm29.2-1.3c-3.1-2.1-5.6-5.1-7.1-8.6s-1.8-7.3-1.1-11.1s2.6-7.1 5.2-9.8s6.1-4.5 9.8-5.2s7.6-.4 11.1 1.1s6.5 3.9 8.6 7s3.2 6.8 3.2 10.6c0 2.5-.5 5-1.4 7.3s-2.4 4.4-4.1 6.2s-3.9 3.2-6.2 4.2s-4.8 1.5-7.3 1.5c-3.8 0-7.5-1.1-10.6-3.2zM544 160c0-35.3-28.7-64-64-64H160c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64zm-91 293c-18.7 18.7-41.4 24.6-67 25.9c-26.4 1.5-105.6 1.5-132 0c-25.6-1.3-48.3-7.2-67-25.9s-24.6-41.4-25.8-67c-1.5-26.4-1.5-105.6 0-132c1.3-25.6 7.1-48.3 25.8-67s41.5-24.6 67-25.8c26.4-1.5 105.6-1.5 132 0c25.6 1.3 48.3 7.1 67 25.8s24.6 41.4 25.8 67c1.5 26.3 1.5 105.4 0 131.9c-1.3 25.6-7.1 48.3-25.8 67z"/></svg>Instagram Square アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-brands:instagram-square" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-brands:instagram-square" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-brands:instagram-square" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--instagram-square]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:instagram-square"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-brands:instagram-square"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fa7-brands/instagram-square.svg" alt="Instagram Square アイコン" width="24" height="24">Font Awesome Brands の関連アイコン
他のアイコンセットの Instagram Square アイコン
Instagram Square アイコン のよくある質問
Instagram Square アイコンは商用利用でも無料ですか?
はい。Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Instagram Square アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa7-brands:instagram-square" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Instagram Square アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-brands/instagram-square.svg" alt="Instagram Square アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。