ICONYZ
日本語
Solar の Headphones Round Linear アイコン

Headphones Round Linear アイコン

solar:headphones-round-linear

Headphones Round Linear アイコン(solar:headphones-round-linear)は、Solar セットの無料 SVG アイコンです(作者: 480 Design)。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Solar
作者
480 Design
ライセンス
CC-BY-4.0
サイズ
24 × 24
カテゴリ
デバイス
タグ
headphonesround、roundlinear、headphonesroundlinear、headphone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M21 17V12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12V17"/><path stroke-linecap="round" d="M22 15.5V17.5"/><path stroke-linecap="round" d="M2 15.5V17.5"/><path d="M8 13.8446C8 13.0802 8 12.698 7.82526 12.4323C7.73733 12.2985 7.62061 12.188 7.4844 12.1095C7.21371 11.9535 6.84812 11.9896 6.11694 12.0617C4.88487 12.1831 4.26884 12.2439 3.82737 12.5764C3.60394 12.7448 3.41638 12.9593 3.27646 13.2067C3 13.6955 3 14.3395 3 15.6276V17.1933C3 18.4685 3 19.1061 3.28198 19.5986C3.38752 19.7829 3.51981 19.9491 3.67416 20.0913C4.08652 20.4714 4.68844 20.5901 5.89227 20.8275C6.73944 20.9945 7.16302 21.078 7.47564 20.9021C7.591 20.8372 7.69296 20.7493 7.77572 20.6434C8 20.3565 8 19.9078 8 19.0104V13.8446Z"/><path d="M16 13.8446C16 13.0802 16 12.698 16.1747 12.4323C16.2627 12.2985 16.3794 12.188 16.5156 12.1095C16.7863 11.9535 17.1519 11.9896 17.8831 12.0617C19.1151 12.1831 19.7312 12.2439 20.1726 12.5764C20.3961 12.7448 20.5836 12.9593 20.7235 13.2067C21 13.6955 21 14.3395 21 15.6276V17.1933C21 18.4685 21 19.1061 20.718 19.5986C20.6125 19.7829 20.4802 19.9491 20.3258 20.0913C19.9135 20.4714 19.3116 20.5901 18.1077 20.8275C17.2606 20.9945 16.837 21.078 16.5244 20.9021C16.409 20.8372 16.307 20.7493 16.2243 20.6434C16 20.3565 16 19.9078 16 19.0104V13.8446Z"/></g></svg>

Headphones Round Linear アイコンの使い方

React

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

<Icon icon="solar:headphones-round-linear" width="24" />

Vue

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

<template>
  <Icon icon="solar:headphones-round-linear" width="24" />
</template>

Svelte

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

<Icon icon="solar:headphones-round-linear" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:headphones-round-linear"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/headphones-round-linear.svg" alt="Headphones Round Linear アイコン" width="24" height="24">

Solar の関連アイコン

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

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

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

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