Earbuds Case アイコン

Q: Earbuds Case アイコンは商用利用でも無料ですか?

はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

reicon:earbuds-case

Earbuds Case アイコン(reicon:earbuds-case)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: デバイス
タグ: earbudscase、earbud

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="M11.955 1.25h.09c1.837 0 3.276 0 4.419.124c1.165.126 2.11.388 2.916.974a5.8 5.8 0 0 1 1.272 1.272c.586.807.848 1.75.974 2.916c.124 1.143.124 2.582.124 4.419v2.09c0 1.837 0 3.276-.124 4.419c-.126 1.165-.388 2.11-.974 2.916a5.8 5.8 0 0 1-1.272 1.272c-.807.586-1.75.848-2.916.974c-1.143.124-2.582.124-4.419.124h-.09c-1.837 0-3.276 0-4.419-.124c-1.165-.126-2.11-.388-2.916-.974a5.8 5.8 0 0 1-1.272-1.272c-.586-.807-.848-1.75-.974-2.916c-.124-1.143-.124-2.582-.124-4.419v-2.09c0-1.837 0-3.276.124-4.419c.126-1.165.388-2.11.974-2.916A5.8 5.8 0 0 1 4.62 2.348c.807-.586 1.75-.848 2.916-.974c1.143-.124 2.582-.124 4.419-.124M7.698 2.865c-1.038.112-1.688.328-2.196.697a4.3 4.3 0 0 0-.94.94c-.37.508-.585 1.158-.697 2.196c-.05.454-.077.965-.093 1.552h2.582A2.75 2.75 0 0 1 9 6.25h6a2.75 2.75 0 0 1 2.646 2h2.582a20 20 0 0 0-.093-1.552c-.113-1.038-.328-1.688-.697-2.196a4.3 4.3 0 0 0-.94-.94c-.508-.37-1.158-.585-2.196-.697c-1.052-.114-2.41-.115-4.302-.115s-3.25.001-4.302.115m12.55 6.885h-2.602a2.75 2.75 0 0 1-2.646 2H9a2.75 2.75 0 0 1-2.646-2H3.752q-.002.584-.002 1.25v2c0 1.892.001 3.25.115 4.302c.112 1.038.328 1.688.697 2.196c.262.36.58.678.94.94c.508.37 1.158.585 2.196.697c1.052.114 2.41.115 4.302.115s3.25-.001 4.302-.115c1.038-.113 1.688-.328 2.196-.697c.36-.262.678-.58.94-.94c.37-.508.585-1.158.697-2.196c.114-1.052.115-2.41.115-4.302v-2q0-.666-.002-1.25M9 7.75a1.25 1.25 0 1 0 0 2.5h6a1.25 1.25 0 1 0 0-2.5z" clip-rule="evenodd"/></svg>

Earbuds Case アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="reicon:earbuds-case" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="reicon:earbuds-case" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="reicon:earbuds-case" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--earbuds-case]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:earbuds-case"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="reicon:earbuds-case"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/earbuds-case.svg" alt="Earbuds Case アイコン" width="24" height="24">

Reicon の関連アイコン

他のアイコンセットの Earbuds Case アイコン

Earbuds Case アイコンのよくある質問

Earbuds Case アイコンは商用利用でも無料ですか?

はい。Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Earbuds Case アイコンを使うには?

@iconify/react をインストールして <Icon icon="reicon:earbuds-case" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Earbuds Case アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/earbuds-case.svg" alt="Earbuds Case アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Reicon アイコンをすべて見る →