Apple Music アイコン
cib:apple-music
Apple Music アイコン(cib:apple-music)は、CoreUI Brands セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 32 × 32 のグリッドで描かれています。 CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Brands
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
- タグ
- applemusic
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M31.995 8.167c0-.984-.083-1.964-.318-2.922c-.422-1.745-1.417-3.078-2.906-4.057c-.766-.5-1.609-.807-2.505-.969a13.4 13.4 0 0 0-2.083-.198c-.052-.005-.109-.016-.167-.021H7.985q-.305.023-.609.036c-.995.057-1.984.161-2.922.536c-1.781.703-3.068 1.932-3.818 3.703c-.26.599-.391 1.234-.484 1.88c-.078.521-.12 1.047-.135 1.573c0 .042-.01.083-.01.125V24.15l.031.563c.068 1.089.208 2.167.667 3.167c.865 1.891 2.318 3.135 4.313 3.734c.557.172 1.141.25 1.724.302c.74.073 1.479.083 2.219.083h14.708q1.047-.002 2.094-.135c1.099-.141 2.13-.464 3.063-1.078a6.74 6.74 0 0 0 2.505-2.943c.25-.563.391-1.161.495-1.766c.151-.901.182-1.813.182-2.724c-.005-5.063 0-10.125-.005-15.188zm-8.563 5.317v7.615c0 .557-.078 1.104-.328 1.609c-.385.786-1.01 1.281-1.849 1.521a6 6 0 0 1-1.427.229a2.48 2.48 0 0 1-2.589-2.047a2.5 2.5 0 0 1 1.385-2.698c.427-.208.891-.333 1.354-.427c.505-.109 1.01-.208 1.51-.323c.37-.083.609-.307.682-.688c.021-.083.026-.172.026-.255v-7.26a1 1 0 0 0-.036-.245c-.052-.203-.198-.323-.406-.313c-.214.01-.422.047-.63.089q-1.525.297-3.042.609l-4.932.995c-.021.005-.047.016-.068.016c-.37.104-.5.271-.516.656c-.005.057 0 .115 0 .172c-.005 3.469 0 6.938-.005 10.406c0 .563-.063 1.115-.286 1.635c-.37.854-1.026 1.391-1.911 1.646a5.8 5.8 0 0 1-1.438.229c-1.276.047-2.339-.802-2.557-2.057c-.188-1.083.307-2.25 1.536-2.771c.479-.198.974-.307 1.479-.411l1.146-.234c.51-.109.776-.432.802-.953V8.187q.002-.251.057-.495c.094-.38.365-.599.729-.688c.339-.089.688-.151 1.031-.224c.979-.198 1.953-.396 2.932-.589l3.026-.615c.896-.177 1.786-.359 2.682-.536c.292-.057.589-.12.885-.141c.411-.036.698.224.74.641q.015.149.016.297v7.641z"/></svg>
Apple Music アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:apple-music" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:apple-music" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:apple-music" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--apple-music]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:apple-music"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:apple-music"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/apple-music.svg" alt="Apple Music アイコン" width="24" height="24">
他のアイコンセットの Apple Music アイコン
Apple Music アイコン のよくある質問
Apple Music アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Apple Music アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:apple-music" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Apple Music アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/apple-music.svg" alt="Apple Music アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
CoreUI Brands アイコン をすべて見る →
ICONYZ
