Volume Linear アイコン

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

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

solar:volume-linear

Volume Linear アイコン(solar:volume-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
カテゴリ: 動画
タグ: volumelinear

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-width="1.5" d="M5.03479 10.9714C5.10847 9.76255 5.14531 9.15814 5.45854 8.57679C5.74473 8.04563 6.2923 7.53042 6.83988 7.27707C7.43921 6.99979 8.12617 6.99979 9.50008 6.99979C10.0122 6.99979 10.2682 6.99979 10.5162 6.95791C10.7614 6.9165 11.0005 6.84478 11.2279 6.74438C11.4581 6.64283 11.6718 6.50189 12.0993 6.22002L12.3183 6.07566C14.8612 4.39898 16.1327 3.56063 17.2001 3.92487C17.4047 3.9947 17.6028 4.09551 17.7797 4.21984C18.7024 4.86829 18.7725 6.37699 18.9127 9.3944C18.9646 10.5117 19 11.4679 19 11.9998C19 12.5317 18.9646 13.4879 18.9127 14.6052C18.7725 17.6226 18.7024 19.1313 17.7797 19.7797C17.6028 19.9041 17.4047 20.0049 17.2001 20.0747C16.1327 20.4389 14.8612 19.6006 12.3183 17.9239L12.0993 17.7796C11.6718 17.4977 11.4581 17.3567 11.2279 17.2552C11.0005 17.1548 10.7614 17.0831 10.5162 17.0417C10.2682 16.9998 10.0122 16.9998 9.50008 16.9998C8.12617 16.9998 7.43921 16.9998 6.83988 16.7225C6.2923 16.4692 5.74473 15.9539 5.45854 15.4228C5.14531 14.8414 5.10847 14.237 5.03479 13.0282C5.01299 12.6706 5 12.3222 5 11.9998C5 11.6774 5.01299 11.329 5.03479 10.9714Z"/></svg>

Volume Linear アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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