Surface Earbuds 20 Regular アイコン
fluent:surface-earbuds-20-regular
Surface Earbuds 20 Regular アイコン(fluent:surface-earbuds-20-regular)は、Fluent UI System Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 20 × 20 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI System Icons
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 20 × 20
- タグ
- surfaceearbuds、earbudsregular、surfaceearbudsregular、earbud
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M14.126 8.25a4.875 4.875 0 1 1-1.102 9.625l-.085.033l-2.222.906a2.5 2.5 0 0 1-2.844-.689l-.111-.14l-.271-.367a2.5 2.5 0 0 1-.045-2.909l.113-.15l1.572-1.941q.082-.103.172-.199a4.875 4.875 0 0 1 4.823-4.169m-4.802 5.718l-.988 1.22a1.5 1.5 0 0 0-.122 1.715l.081.12l.271.368a1.5 1.5 0 0 0 1.636.546l.137-.049l1.341-.545a4.88 4.88 0 0 1-2.356-3.375m4.802-4.718a3.88 3.88 0 0 0-3.758 2.926l-.064.31l-.033.242l-.014.184l-.006.213a3.88 3.88 0 0 0 2.821 3.73l.19.048l.223.044l.198.027l.18.017l.193.008l.27-.004a3.875 3.875 0 0 0-.2-7.745M5.88 1c.66 0 1.29.131 1.864.37l.692-.23a2.5 2.5 0 0 1 2.67.728l.117.146l.114.166l.292.462c.53.84.509 1.909-.046 2.736l-.11.152l-.124.144l-.616.667A4.876 4.876 0 1 1 5.879 1m-.04.999l.04.001a3.875 3.875 0 1 0 3.23 6.017l-.056.043l-.194.134a3.44 3.44 0 0 1-4.778-1.05a3.503 3.503 0 0 1 1.527-5.05zm4.583.615a1.5 1.5 0 0 0-1.53-.564l-.142.04l-2.361.783a2.503 2.503 0 0 0-1.462 3.739a2.44 2.44 0 0 0 3.39.741a2.6 2.6 0 0 0 .362-.28l.164-.164L10.6 5.01l.096-.112a1.5 1.5 0 0 0 .158-1.596l-.072-.126l-.28-.446zm-.807.529l.054.073l.259.427a.5.5 0 0 1-.803.59l-.053-.072l-.259-.428a.5.5 0 0 1 .802-.59"/></svg>
Surface Earbuds 20 Regular アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:surface-earbuds-20-regular" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:surface-earbuds-20-regular" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:surface-earbuds-20-regular" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--surface-earbuds-20-regular]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:surface-earbuds-20-regular"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent:surface-earbuds-20-regular"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent/surface-earbuds-20-regular.svg" alt="Surface Earbuds 20 Regular アイコン" width="24" height="24">
Fluent UI System Icons の関連アイコン
Surface Earbuds 20 Regular アイコン のよくある質問
Surface Earbuds 20 Regular アイコンは商用利用でも無料ですか?
はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Surface Earbuds 20 Regular アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent:surface-earbuds-20-regular" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Surface Earbuds 20 Regular アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/surface-earbuds-20-regular.svg" alt="Surface Earbuds 20 Regular アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent UI System Icons をすべて見る →
ICONYZ
