Headphones アイコン

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

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

reicon:headphones

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

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

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="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75v2.793a.75.75 0 0 1 1 .707v2a.75.75 0 0 1-1.008.704q-.008.3-.03.555c-.04.435-.128.836-.343 1.212c-.143.25-.323.477-.535.672c-.32.295-.692.463-1.103.588c-.388.117-.871.213-1.443.325l-.074.015c-.39.077-.744.147-1.04.17c-.317.025-.675.008-1.017-.185a1.8 1.8 0 0 1-.524-.45c-.237-.304-.316-.65-.35-.97c-.033-.3-.033-.672-.033-1.088v-5.236c0-.354 0-.672.025-.933c.027-.279.09-.58.273-.859c.151-.23.354-.422.593-.56c.295-.17.603-.208.88-.21c.257-.002.565.029.901.062l.07.007c.586.057 1.079.106 1.478.185c.274.054.533.128.776.245a8.25 8.25 0 0 0-16.492 0c.243-.117.502-.19.776-.245c.4-.079.892-.127 1.478-.185l.07-.007c.336-.033.644-.064.9-.062c.278.002.586.04.88.21c.24.138.443.33.594.56c.183.28.245.58.273.859c.025.26.025.579.025.933v5.236c0 .416 0 .787-.032 1.088c-.035.32-.114.666-.351.97a1.8 1.8 0 0 1-.524.45c-.342.193-.7.21-1.018.185a10 10 0 0 1-1.04-.17l-.073-.015c-.572-.112-1.055-.208-1.443-.325c-.411-.125-.783-.293-1.103-.588a2.8 2.8 0 0 1-.535-.672c-.215-.376-.302-.777-.343-1.212a9 9 0 0 1-.03-.555a.75.75 0 0 1-1.008-.704v-2a.75.75 0 0 1 1-.707zm1.5 5.193c0 .652 0 1.09.032 1.427c.03.326.084.49.15.606q.104.178.25.314c.092.085.228.166.522.255c.308.094.717.175 1.333.297c.442.087.71.138.906.154a.7.7 0 0 0 .171-.001a.3.3 0 0 0 .07-.062a.7.7 0 0 0 .042-.207c.023-.211.024-.5.024-.966v-5.165c0-.398 0-.641-.018-.82a.7.7 0 0 0-.034-.182a.3.3 0 0 0-.083-.08a.7.7 0 0 0-.147-.013a9 9 0 0 0-.777.058c-.631.062-1.05.104-1.37.168c-.305.06-.447.128-.542.2c-.14.105-.26.24-.35.4c-.064.114-.118.278-.147.609c-.031.341-.032.785-.032 1.443zm16.5-1.565c0-.658 0-1.102-.032-1.443c-.03-.33-.083-.495-.147-.61a1.3 1.3 0 0 0-.35-.4c-.095-.071-.237-.139-.542-.2c-.32-.063-.739-.105-1.37-.167a9 9 0 0 0-.777-.058a.7.7 0 0 0-.147.012a.3.3 0 0 0-.083.081a.7.7 0 0 0-.034.181c-.017.18-.018.423-.018.82v5.166c0 .466.001.755.024.965a.7.7 0 0 0 .042.208q.032.04.07.062c.016.003.064.01.17 0c.198-.015.465-.066.907-.153c.616-.122 1.025-.203 1.333-.297c.294-.089.43-.17.522-.255q.146-.136.25-.314c.066-.117.12-.28.15-.606c.031-.338.032-.775.032-1.427z" clip-rule="evenodd"/></svg>

Headphones アイコンの使い方

React

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

<Icon icon="reicon:headphones" width="24" />

Vue

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

<template>
  <Icon icon="reicon:headphones" width="24" />
</template>

Svelte

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

<Icon icon="reicon:headphones" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="reicon:headphones"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/headphones.svg" alt="Headphones アイコン" width="24" height="24">

Reicon の関連アイコン

他のアイコンセットの Headphones アイコン

Headphones アイコンのよくある質問

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

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

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

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

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

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

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