Headphones Square Bold アイコン

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

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

solar:headphones-square-bold

Headphones Square Bold アイコン(solar:headphones-square-bold)は、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
カテゴリ: デバイス
タグ: headphonessquare、squarebold、headphonessquarebold、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.0534 2C14.2007 1.99999 15.8835 1.99998 17.1965 2.1787C18.5405 2.36163 19.6009 2.74337 20.4333 3.58607C21.2657 4.42878 21.6428 5.50242 21.8234 6.86303C22 8.19233 22 9.89603 21.9999 12.07L22 17.3675C22.0003 18.1844 22.0005 18.7446 21.8569 19.2364C21.5761 20.1982 20.9046 20.9937 20.01 21.4245C19.5526 21.6449 19.006 21.732 18.2089 21.8591L18.0789 21.8799C17.7955 21.9252 17.5532 21.9639 17.3523 21.9839C17.1432 22.0047 16.9299 22.0111 16.7118 21.9676C15.9942 21.8245 15.4024 21.3126 15.1509 20.6172C15.0744 20.4059 15.0474 20.1916 15.0351 19.9793C15.0232 19.7753 15.0232 19.527 15.0232 19.2365L15.0232 15.0641C15.0226 14.6386 15.0222 14.2725 15.1196 13.959C15.3423 13.2416 15.9238 12.6975 16.6477 12.5292C16.9641 12.4556 17.3246 12.4849 17.7435 12.5189L17.8368 12.5264L17.9466 12.5352C18.7303 12.5975 19.2665 12.6402 19.7217 12.8106C20.0415 12.9304 20.3382 13.0953 20.6046 13.2976V12.124C20.6046 9.8843 20.6031 8.27554 20.4405 7.05126C20.2807 5.8473 19.9766 5.12146 19.4467 4.58497C18.9167 4.04848 18.1998 3.74063 17.0106 3.57876C15.8013 3.41416 14.2123 3.41266 12 3.41266C9.78771 3.41266 8.19868 3.41416 6.9894 3.57876C5.80019 3.74063 5.08325 4.04848 4.55334 4.58497C4.02343 5.12146 3.71934 5.8473 3.55946 7.05126C3.39688 8.27554 3.39539 9.8843 3.39539 12.124V13.2976C3.66181 13.0953 3.95848 12.9304 4.27834 12.8106C4.73351 12.6402 5.2697 12.5975 6.05341 12.5352L6.16324 12.5264L6.25647 12.5189C6.6754 12.4849 7.03586 12.4556 7.35229 12.5292C8.07617 12.6975 8.65772 13.2416 8.88044 13.959C8.9778 14.2725 8.97735 14.6386 8.97684 15.0641L8.97676 19.2365C8.97677 19.527 8.97677 19.7753 8.96492 19.9793C8.95259 20.1916 8.92556 20.4059 8.84911 20.6172C8.59759 21.3126 8.0058 21.8245 7.28817 21.9676C7.07006 22.0111 6.8568 22.0047 6.64773 21.9839C6.44676 21.9639 6.20454 21.9252 5.92107 21.8799L5.79111 21.8591C4.99404 21.732 4.44742 21.6449 3.98996 21.4245C3.09539 20.9937 2.42393 20.1982 2.14313 19.2364C1.99954 18.7446 1.99973 18.1844 2.00003 17.3675L2.00005 12.07C2.00004 9.89602 2.00003 8.19233 2.17656 6.86303C2.35725 5.50242 2.73431 4.42878 3.56668 3.58607C4.39906 2.74337 5.45954 2.36163 6.80347 2.1787C8.11648 1.99998 9.79929 1.99999 11.9466 2H12.0534Z"/></svg>

Headphones Square Bold アイコンの使い方

React

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

<Icon icon="solar:headphones-square-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:headphones-square-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:headphones-square-bold" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:headphones-square-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/headphones-square-bold.svg" alt="Headphones Square Bold アイコン" width="24" height="24">

Solar の関連アイコン

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

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

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

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

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

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

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

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