Instagram アイコン

Q: Instagram アイコンは商用利用でも無料ですか?

はい。Icalicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

il:instagram

Instagram アイコン(il:instagram)は、Icalicons セットの無料 SVG アイコンです（作者: 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>

Web コンポーネント

<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 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Instagram アイコンを使うには?

@iconify/react をインストールして <Icon icon="il:instagram" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Instagram アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/il/instagram.svg" alt="Instagram アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Icalicons をすべて見る →