Volume Broken アイコン

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

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

solar:volume-broken

Volume Broken アイコン(solar:volume-broken)は、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
カテゴリ: 動画
タグ: volumebroken

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M5.95863 8.57679C6.24482 8.04563 6.79239 7.53042 7.33997 7.27707C7.9393 6.99979 8.62626 6.99979 10.0002 6.99979C10.5122 6.99979 10.7683 6.99979 11.0163 6.95791C11.2615 6.9165 11.5006 6.84478 11.728 6.74438C11.9581 6.64283 12.1719 6.50189 12.5994 6.22002L12.8183 6.07566C15.3613 4.39898 16.6328 3.56063 17.7001 3.92487C17.9048 3.9947 18.1029 4.09551 18.2798 4.21984C19.2025 4.86829 19.2726 6.37699 19.4128 9.3944C19.4647 10.5117 19.5001 11.4679 19.5001 11.9998C19.5001 12.5317 19.4647 13.4879 19.4128 14.6052C19.2726 17.6226 19.2025 19.1313 18.2798 19.7797C18.1029 19.9041 17.9048 20.0049 17.7001 20.0747C16.6328 20.4389 15.3613 19.6006 12.8183 17.9239L12.5994 17.7796C12.1719 17.4977 11.9581 17.3567 11.728 17.2552C11.5006 17.1548 11.2615 17.0831 11.0163 17.0417C10.7683 16.9998 10.5122 16.9998 10.0002 16.9998C8.62626 16.9998 7.9393 16.9998 7.33997 16.7225C6.79239 16.4692 6.24482 15.9539 5.95863 15.4228C5.6454 14.8414 5.60856 14.237 5.53488 13.0282C5.52396 12.849 5.51525 12.6722 5.50928 12.4998"/></svg>

Volume Broken アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:volume-broken"></iconify-icon>

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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