Volume Knob Bold アイコン

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

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

solar:volume-knob-bold

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

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"/><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"/><path d="M6.69685 5.2824C7.08738 5.67292 7.08738 6.30608 6.69685 6.69661C6.30633 7.08713 5.67316 7.08713 5.28264 6.69661C4.89212 6.30608 4.89212 5.67292 5.28264 5.2824C5.67316 4.89187 6.30633 4.89187 6.69685 5.2824Z"/><path d="M18.7174 17.3034C19.1079 17.6939 19.1079 18.3271 18.7174 18.7176C18.3268 19.1081 17.6937 19.1081 17.3031 18.7176C16.9126 18.3271 16.9126 17.6939 17.3031 17.3034C17.6937 16.9129 18.3268 16.9129 18.7174 17.3034Z"/><path d="M18.7174 6.69661C18.3268 7.08713 17.6937 7.08713 17.3031 6.69661C16.9126 6.30608 16.9126 5.67292 17.3031 5.2824C17.6937 4.89187 18.3268 4.89187 18.7174 5.2824C19.1079 5.67292 19.1079 6.30608 18.7174 6.69661Z"/><path d="M6.69685 18.7176C6.30633 19.1081 5.67316 19.1081 5.28264 18.7176C4.89212 18.3271 4.89212 17.6939 5.28264 17.3034C5.67316 16.9129 6.30633 16.9129 6.69685 17.3034C7.08738 17.6939 7.08738 18.3271 6.69685 18.7176Z"/></g></svg>

Volume Knob Bold アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:volume-knob-bold"></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"></iconify-icon>

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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