Itunes アイコン

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

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

simple-icons:itunes

Itunes アイコン(simple-icons:itunes)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Simple Icons
作者: Simple Icons Collaborators
ライセンス: CC0-1.0
サイズ: 24 × 24
タグ: itune

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.977 23.999c-2.483 0-4.898-.777-6.954-2.262a11.93 11.93 0 0 1-4.814-7.806A11.95 11.95 0 0 1 2.3 4.994A11.85 11.85 0 0 1 10.08.159a11.83 11.83 0 0 1 8.896 2.104a11.93 11.93 0 0 1 4.815 7.807a11.96 11.96 0 0 1-2.091 8.937a11.86 11.86 0 0 1-7.78 4.835a12 12 0 0 1-1.943.157m-6.474-2.926a11.02 11.02 0 0 0 8.284 1.96a11.04 11.04 0 0 0 7.246-4.504c3.583-5.003 2.445-12.003-2.538-15.603a11.02 11.02 0 0 0-8.284-1.96A11.05 11.05 0 0 0 2.966 5.47C-.618 10.474.521 17.473 5.503 21.073m10.606-3.552a2.08 2.08 0 0 0 1.458-1.468l.062-.216l.008-5.786c.006-4.334 0-5.814-.024-5.895a.54.54 0 0 0-.118-.214a.5.5 0 0 0-.276-.073c-.073 0-.325.035-.56.078c-1.041.19-7.176 1.411-7.281 1.45a.8.8 0 0 0-.399.354l-.065.128s-.031 9.07-.078 9.172a.7.7 0 0 1-.376.35a9 9 0 0 1-.609.137c-1.231.245-1.688.421-2.075.801c-.22.216-.382.51-.453.82c-.067.294-.045.736.051 1.005c.1.281.262.521.473.71q.29.223.674.324c.563.144 1.618-.016 2.158-.328a2.4 2.4 0 0 0 .667-.629c.06-.089.15-.268.2-.399c.176-.456.181-8.581.204-8.683a.44.44 0 0 1 .32-.344c.147-.04 6.055-1.207 6.222-1.23c.146-.02.284.027.36.12a.3.3 0 0 1 .109.096c.048.07.051.213.058 2.785c.008 2.96.012 2.892-.149 3.079c-.117.136-.263.189-.864.31c-.914.188-1.226.276-1.576.447c-.437.213-.679.446-.867.835a1.6 1.6 0 0 0-.182.754c.001.49.169.871.55 1.245q.052.05.104.097c.192.148.387.238.633.294c.37.082 1.124.025 1.641-.126"/></svg>

Itunes アイコンの使い方

React

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

<Icon icon="simple-icons:itunes" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:itunes" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:itunes" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--itunes]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:itunes"></div>

Web コンポーネント

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

<iconify-icon icon="simple-icons:itunes"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/simple-icons/itunes.svg" alt="Itunes アイコン" width="24" height="24">

他のアイコンセットの Itunes アイコン

Itunes アイコンのよくある質問

Itunes アイコンは商用利用でも無料ですか?

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

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

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

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

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

Simple Icons をすべて見る →