Headphones アイコン

circum:headphones

Headphones アイコン(circum:headphones)は、Circum Icons セットの無料 SVG アイコンです（作者: Klarr Agency）。 24 × 24 のグリッドで描かれています。 Circum Icons は Mozilla Public License 2.0 で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Circum Icons
作者: Klarr Agency
ライセンス: MPL-2.0
サイズ: 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" d="M12.23 3.065h-.46a8.21 8.21 0 0 0-8.2 8.2v6.25a3.4 3.4 0 0 0 .89 2.3a3.42 3.42 0 0 0 2.53 1.12h.53a1.225 1.225 0 0 0 1.22-1.22v-4.4A1.225 1.225 0 0 0 7.52 14.1h-.41a3.6 3.6 0 0 0-2.54 1.05v-3.88a7.21 7.21 0 0 1 7.2-7.2h.46a7.21 7.21 0 0 1 7.2 7.2v3.88a3.6 3.6 0 0 0-2.54-1.05h-.41a1.225 1.225 0 0 0-1.22 1.22v4.4a1.225 1.225 0 0 0 1.22 1.22h.53a3.42 3.42 0 0 0 2.53-1.12a3.4 3.4 0 0 0 .89-2.3v-6.25a8.21 8.21 0 0 0-8.2-8.205m-7.65 14.21A2.51 2.51 0 0 1 7.11 15.1h.41a.22.22 0 0 1 .22.22v4.4a.22.22 0 0 1-.22.22h-.53a2.42 2.42 0 0 1-1.79-.79a2.32 2.32 0 0 1-.63-1.63a2 2 0 0 1 .01-.245m14.22 1.87a2.42 2.42 0 0 1-1.79.79h-.53a.22.22 0 0 1-.22-.22v-4.4a.22.22 0 0 1 .22-.22h.41a2.51 2.51 0 0 1 2.53 2.18a2 2 0 0 1 .01.24a2.32 2.32 0 0 1-.63 1.63"/></svg>

Headphones アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

はい。Circum Icons は Mozilla Public License 2.0 で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。

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

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

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

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

Circum Icons をすべて見る →