Earbuds アイコン
reicon:earbuds
Earbuds アイコン(reicon:earbuds)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は 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" fill-rule="evenodd" d="M5.166 2.25h.047c.266 0 .428 0 .57.007a5.75 5.75 0 0 1 5.46 5.46c.007.142.007.304.007.57V18.75a3 3 0 1 1-6 0V12.3a.25.25 0 0 0-.25-.25A3.75 3.75 0 0 1 1.25 8.3V6.166c0-.153 0-.258.005-.35a3.75 3.75 0 0 1 3.561-3.561c.092-.005.197-.005.35-.005m.021 1.5c-.183 0-.247 0-.297.003A2.25 2.25 0 0 0 2.753 5.89c-.003.05-.003.115-.003.298V8.3A2.25 2.25 0 0 0 5 10.55c.966 0 1.75.784 1.75 1.75v4.95h3V8.313c0-.3 0-.422-.005-.522a4.25 4.25 0 0 0-4.036-4.036c-.1-.005-.222-.005-.521-.005m4.563 15h-3a1.5 1.5 0 0 0 3 0m9.36-14.997a7 7 0 0 0-.297-.003c-.3 0-.422 0-.521.005a4.25 4.25 0 0 0-4.037 4.036c-.005.1-.005.222-.005.521v8.938h3V12.3c0-.966.784-1.75 1.75-1.75a2.25 2.25 0 0 0 2.25-2.25V6.187c0-.183 0-.247-.003-.297a2.25 2.25 0 0 0-2.137-2.137M17.25 18.75h-3a1.5 1.5 0 0 0 3 0m1.584-16.5c.153 0 .258 0 .35.005a3.75 3.75 0 0 1 3.561 3.561c.005.092.005.197.005.35V8.3A3.75 3.75 0 0 1 19 12.05a.25.25 0 0 0-.25.25v6.45a3 3 0 1 1-6 0V8.287c0-.266 0-.428.007-.57a5.75 5.75 0 0 1 5.46-5.46c.142-.007.304-.007.57-.007zM4.5 5.25a.75.75 0 0 1 .75.75v2.5a.75.75 0 1 1-1.5 0V6a.75.75 0 0 1 .75-.75m15 0a.75.75 0 0 1 .75.75v2.5a.75.75 0 0 1-1.5 0V6a.75.75 0 0 1 .75-.75" clip-rule="evenodd"/></svg>Earbuds アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:earbuds" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:earbuds" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:earbuds" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--earbuds]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:earbuds"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:earbuds"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/earbuds.svg" alt="Earbuds アイコン" width="24" height="24">Reicon の関連アイコン
earbuds-case
earbuds-case-charge
earbuds-case-charge-duotone
earbuds-case-charge-filled
earbuds-case-duotone
earbuds-case-filled
earbuds-case-open
earbuds-case-open-duotone
earbuds-case-open-filled
earbuds-case2
earbuds-case2-duotone
earbuds-case2-filled
earbuds-charge
earbuds-charge-duotone
earbuds-charge-filled
earbuds-check
earbuds-check-duotone
earbuds-check-filled
earbuds-duotone
earbuds-filled
earbuds-left
earbuds-left-duotone
earbuds-left-filled
earbuds-remove
他のアイコンセットの Earbuds アイコン
Earbuds アイコン のよくある質問
Earbuds アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Earbuds アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:earbuds" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Earbuds アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/earbuds.svg" alt="Earbuds アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。