Apple Music Alt アイコン
lineicons:apple-music-alt
Apple Music Alt アイコン(lineicons:apple-music-alt)は、Lineicons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Lineicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.374 14.349v-3.254h-.021l-1.31 3.254h-.5l-1.311-3.254H7.21v3.254h-.614V9.928h.78l1.405 3.523h.024l1.402-3.523h.783v4.421zm4.012 0h-.623v-.545h-.015c-.175.386-.497.603-.981.603c-.69 0-1.111-.456-1.111-1.195v-2.086h.65v1.958c0 .49.229.753.677.753c.47 0 .753-.33.753-.833v-1.878h.65zm1.781-3.281c.738 0 1.216.416 1.238 1.01h-.611c-.037-.312-.262-.508-.627-.508c-.352 0-.587.175-.587.432c0 .202.145.34.488.42l.515.12c.647.152.894.41.894.875c0 .589-.54.993-1.285.993c-.792 0-1.268-.395-1.328-1.008h.644q.088.504.684.503c.39 0 .632-.166.632-.43c0-.208-.118-.33-.464-.41l-.515-.122c-.602-.141-.9-.435-.9-.904c0-.576.494-.971 1.222-.971m1.76-.794a.375.375 0 1 1 .75 0c0 .208-.165.38-.373.38a.38.38 0 0 1-.376-.38m.052.852h.65v3.223h-.65zm3.395 1.109c-.066-.343-.32-.616-.744-.616c-.502 0-.833.426-.833 1.118c0 .708.334 1.119.84 1.119c.4 0 .662-.224.737-.598H22c-.07.686-.608 1.152-1.37 1.152c-.905 0-1.495-.631-1.495-1.673c0-1.023.59-1.67 1.49-1.67c.815 0 1.312.534 1.369 1.168zM4.608 10.359c-.168.201-.435.36-.702.337c-.035-.272.099-.561.25-.738a1.04 1.04 0 0 1 .696-.367c.029.284-.081.561-.244.769m.24.39c.151.012.585.06.863.477c-.023.018-.515.307-.51.914c.007.725.626.966.631.973c-.005.017-.098.341-.323.677c-.197.295-.4.584-.724.59c-.312.005-.417-.189-.775-.189s-.475.183-.77.194c-.312.012-.55-.312-.746-.607c-.405-.595-.712-1.68-.295-2.41c.202-.365.573-.595.972-.601c.307-.006.59.206.775.206s.515-.247.903-.224"/></svg>Apple Music Alt アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="lineicons:apple-music-alt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lineicons:apple-music-alt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lineicons:apple-music-alt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lineicons--apple-music-alt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lineicons -->
<div class="i-lineicons:apple-music-alt"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lineicons:apple-music-alt"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/lineicons/apple-music-alt.svg" alt="Apple Music Alt アイコン" width="24" height="24">Lineicons の関連アイコン
Apple Music Alt アイコン のよくある質問
Apple Music Alt アイコンは商用利用でも無料ですか?
はい。Lineicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Apple Music Alt アイコンを使うには?
@iconify/react をインストールして <Icon icon="lineicons:apple-music-alt" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Apple Music Alt アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/lineicons/apple-music-alt.svg" alt="Apple Music Alt アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。