Volume Knob Bold Duotone アイコン

Q: Volume Knob Bold Duotone アイコンは商用利用でも無料ですか?

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

solar:volume-knob-bold-duotone

Volume Knob Bold Duotone アイコン(solar:volume-knob-bold-duotone)は、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
カテゴリ: ホーム
タグ: volumeknob、knobbold、boldduotone、volumeknobboldduotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11.25 7.05591C8.84437 7.41777 7 9.49351 7 12C7 14.7615 9.23858 17 12 17C14.7614 17 17 14.7615 17 12C17 9.49351 15.1556 7.41777 12.75 7.05591V11C12.75 11.4142 12.4142 11.75 12 11.75C11.5858 11.75 11.25 11.4142 11.25 11V7.05591Z"/><path d="M13 3.5C13 4.05228 12.5523 4.5 12 4.5C11.4477 4.5 11 4.05228 11 3.5C11 2.94772 11.4477 2.5 12 2.5C12.5523 2.5 13 2.94772 13 3.5Z"/><path d="M20.5 13C19.9477 13 19.5 12.5523 19.5 12C19.5 11.4477 19.9477 11 20.5 11C21.0523 11 21.5 11.4477 21.5 12C21.5 12.5523 21.0523 13 20.5 13Z" opacity=".5"/><path d="M3.5 13C2.94772 13 2.5 12.5523 2.5 12C2.5 11.4477 2.94772 11 3.5 11C4.05228 11 4.5 11.4477 4.5 12C4.5 12.5523 4.05228 13 3.5 13Z" opacity=".5"/><path d="M6.69636 5.2824C7.08689 5.67292 7.08689 6.30608 6.69636 6.69661C6.30584 7.08713 5.67268 7.08713 5.28215 6.69661C4.89163 6.30608 4.89163 5.67292 5.28215 5.2824C5.67268 4.89187 6.30584 4.89187 6.69636 5.2824Z" opacity=".5"/><path d="M18.7178 17.3034C19.1084 17.6939 19.1084 18.3271 18.7178 18.7176C18.3273 19.1081 17.6942 19.1081 17.3036 18.7176C16.9131 18.3271 16.9131 17.6939 17.3036 17.3034C17.6942 16.9129 18.3273 16.9129 18.7178 17.3034Z" opacity=".5"/><path d="M18.7178 6.69661C18.3273 7.08713 17.6942 7.08713 17.3036 6.69661C16.9131 6.30608 16.9131 5.67292 17.3036 5.2824C17.6942 4.89187 18.3273 4.89187 18.7178 5.2824C19.1084 5.67292 19.1084 6.30608 18.7178 6.69661Z" opacity=".5"/><path d="M6.69636 18.7176C6.30584 19.1081 5.67268 19.1081 5.28215 18.7176C4.89163 18.3271 4.89163 17.6939 5.28215 17.3034C5.67268 16.9129 6.30584 16.9129 6.69636 17.3034C7.08689 17.6939 7.08689 18.3271 6.69636 18.7176Z" opacity=".5"/></g></svg>

Volume Knob Bold Duotone アイコンの使い方

React

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

<Icon icon="solar:volume-knob-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:volume-knob-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:volume-knob-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--volume-knob-bold-duotone]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:volume-knob-bold-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/volume-knob-bold-duotone.svg" alt="Volume Knob Bold Duotone アイコン" width="24" height="24">

Solar の関連アイコン

Volume Knob Bold Duotone アイコンのよくある質問

Volume Knob Bold Duotone アイコンは商用利用でも無料ですか?

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

React で Volume Knob Bold Duotone アイコンを使うには?

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

Volume Knob Bold Duotone アイコンをウェブページに追加するには?

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

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