Apple Music アイコン

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

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:apple-music

Apple Music アイコン(selfhst:apple-music)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512
タグ: applemusic

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGx2hxfd8n" x1="256" x2="256" y1="789.022" y2="290.041" gradientTransform="translate(0 -279)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fa233b"/><stop offset="1" stop-color="#fb5c74"/></linearGradient><path fill="url(#SVGx2hxfd8n)" fill-rule="evenodd" d="M512 160.2v-18.3c0-5.1-.1-10.3-.2-15.4c-.3-11.2-1-22.5-3-33.6c-2-11.3-5.3-21.7-10.5-32c-5.1-10.1-11.8-19.2-19.8-27.2S461.3 19 451.3 13.9c-10.2-5.2-20.7-8.5-32-10.5c-11.1-2-22.4-2.7-33.6-3c-5.1-.1-10.3-.2-15.4-.2H141.9c-5.1 0-10.3.1-15.4.2c-11.2.3-22.5 1-33.6 3c-11.3 2-21.7 5.3-32 10.5C50.8 19 41.6 25.7 33.7 33.7s-14.8 17-19.9 27.1C8.5 71 5.2 81.5 3.2 92.8c-2 11.1-2.7 22.4-3 33.6c-.1 5.1-.2 10.3-.2 15.4v228.3c0 5.1.1 10.3.2 15.4c.3 11.2 1 22.5 3 33.6c2 11.3 5.3 21.7 10.5 32c5.1 10.1 11.8 19.2 19.8 27.2s17.2 14.7 27.2 19.8c10.2 5.2 20.7 8.5 32 10.5c11.1 2 22.4 2.7 33.6 3c5.1.1 10.3.2 15.4.2H370c5.1 0 10.3-.1 15.4-.2c11.2-.3 22.5-1 33.6-3c11.3-2 21.7-5.3 32-10.5c10.1-5.1 19.3-11.8 27.2-19.8s14.7-17.2 19.8-27.2c5.2-10.2 8.5-20.7 10.5-32c2-11.1 2.7-22.4 3-33.6c.1-5.1.2-10.3.2-15.4v-18.3z"/><path fill="#fff" fill-rule="evenodd" d="M362 78.2c-1.2.1-12.2 2.1-13.6 2.3l-152.2 30.7h-.1c-4 .8-7.1 2.2-9.5 4.3c-2.9 2.4-4.5 5.9-5.1 9.9c-.1.9-.3 2.6-.3 5.1V321c0 4.5-.4 8.8-3.4 12.5s-6.7 4.8-11.1 5.7c-3.3.7-6.6 1.3-9.9 2c-12.6 2.5-20.8 4.3-28.2 7.1c-7.1 2.7-12.4 6.2-16.6 10.7c-8.4 8.8-11.8 20.7-10.6 31.8c1 9.5 5.3 18.6 12.6 25.3c5 4.6 11.2 8 18.5 9.5c7.6 1.5 15.7 1 27.5-1.4c6.3-1.3 12.2-3.2 17.8-6.6c5.5-3.3 10.3-7.6 14-13c3.7-5.3 6.1-11.3 7.5-17.6c1.4-6.5 1.7-12.4 1.7-18.9v-165c0-8.8 2.5-11.2 9.6-12.9c0 0 126.5-25.5 132.4-26.7c8.2-1.6 12.1.8 12.1 9.4v112.8c0 4.5 0 9-3.1 12.7c-3 3.7-6.7 4.8-11.1 5.7c-3.3.7-6.6 1.3-9.9 2c-12.6 2.5-20.8 4.3-28.2 7.1c-7.1 2.7-12.4 6.2-16.6 10.7c-8.4 8.8-12.1 20.7-10.9 31.8c1 9.5 5.6 18.6 12.9 25.3c5 4.6 11.2 7.9 18.5 9.4c7.6 1.5 15.7 1 27.5-1.4c6.3-1.3 12.2-3.2 17.8-6.5c5.5-3.3 10.3-7.6 14-13c3.7-5.3 6.1-11.3 7.5-17.6c1.4-6.5 1.4-12.4 1.4-18.9V91.7c-.1-8.8-4.7-14.2-12.9-13.5"/></svg>

Apple Music アイコンの使い方

React

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

<Icon icon="selfhst:apple-music" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:apple-music" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:apple-music" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--apple-music]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:apple-music"></div>

Web コンポーネント

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

<iconify-icon icon="selfhst:apple-music"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/apple-music.svg" alt="Apple Music アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

他のアイコンセットの Apple Music アイコン

Apple Music アイコンのよくある質問

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

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

selfh.st/icons をすべて見る →