Headphone アイコン
fluent-emoji-high-contrast:headphone
Headphone アイコン(fluent-emoji-high-contrast:headphone)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M26.72 16.11c-.1.3.03.63.3.78c1.04.55 1.44 1.82.92 2.89l-.56 1.13a.7.7 0 0 1-.198.252l.758.413c.51.28.74.86.57 1.39l-1.94 6.18c-.17.54-.69.88-1.25.81l-2.189-.246l-.015.048a1.51 1.51 0 0 1-1.88.986l-.004-.001l-1.93-.6l-.005-.001a1.51 1.51 0 0 1-.985-1.881l.001-.005l2.93-9.37l.001-.003a1.513 1.513 0 0 1 1.88-.986l.005.001l1.93.6l.004.001a1.51 1.51 0 0 1 1.048 1.54l.47-.937c.16-.32.02-.69-.29-.86c-.91-.5-1.34-1.59-1.02-2.59c.29-.91.44-1.87.44-2.84v-.02c0-1.11-.3-2.2-.86-3.15a9.9 9.9 0 0 0-8.55-4.89c-3.65 0-6.83 1.96-8.56 4.89c-.56.95-.86 2.04-.86 3.15v.02c0 .97.15 1.93.44 2.84c.33 1.01-.1 2.09-1.02 2.59c-.31.17-.45.54-.29.86l.436.873a1.51 1.51 0 0 1 1.05-1.476l.005-.001l1.934-.601c.781-.236 1.638.187 1.882.991l2.931 9.373a1.51 1.51 0 0 1-.986 1.88l-.004.002l-1.934.601a1.51 1.51 0 0 1-1.88-.986l-.002-.003l-.014-.045l-2.189.245c-.56.07-1.08-.27-1.25-.81l-1.94-6.18c-.16-.53.07-1.11.57-1.39l.777-.422a.7.7 0 0 1-.187-.241l-.56-1.13c-.53-1.06-.12-2.32.92-2.88c.27-.14.4-.47.3-.78A10.81 10.81 0 0 1 8.5 5.18c2.07-2.09 4.84-3.21 7.78-3.18h.02c2.92-.03 5.65 1.07 7.72 3.11c2.08 2.04 3.22 4.78 3.22 7.69c0 1.13-.18 2.24-.52 3.31m-4.523 3.076v.001l-2.929 9.364c-.08.27.067.55.333.637l1.925.598c.27.08.551-.066.638-.333v-.001l2.928-9.364a.51.51 0 0 0-.333-.637l-1.925-.598a.51.51 0 0 0-.637.333m-11.835-.007a.51.51 0 0 0-.636-.326l-1.925.598a.51.51 0 0 0-.333.637l2.928 9.364v.001a.51.51 0 0 0 .638.333l1.925-.598a.51.51 0 0 0 .333-.637l-2.929-9.367z"/></svg>
Headphone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:headphone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:headphone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:headphone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--headphone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:headphone"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:headphone"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/headphone.svg" alt="Headphone アイコン" width="24" height="24">
他のアイコンセットの Headphone アイコン
Headphone アイコン のよくある質問
Headphone アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Headphone アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:headphone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Headphone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/headphone.svg" alt="Headphone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
