Volume 2 アイコン
simple-line-icons:volume-2
Volume 2 アイコン(simple-line-icons:volume-2)は、Simple line icons セットの無料 SVG アイコンです（作者: Sabbir Ahmed）。 1024 × 1024 のグリッドで描かれています。 Simple line icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple line icons
- 作者
- Sabbir Ahmed
- ライセンス
- MIT
- サイズ
- 1024 × 1024
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M574.496 65.904c-10.432-5.552-23.087-4.928-32.911 1.696L220.497 319.712l-106.624.08c-54.512 0-98.88 38.657-98.88 86.4l1.712 211.137c0 47.536 44.352 86.224 98.863 86.224l106.592.065L541.552 956.37a32 32 0 0 0 17.905 5.472c5.152 0 10.32-1.249 15.008-3.745a31.95 31.95 0 0 0 17.008-28.256V94.16a32.03 32.03 0 0 0-16.977-28.257zm-47.023 803.728L249.874 645.106a31.97 31.97 0 0 0-17.889-5.473l-116.384-.064c-20.544 0-34.88-11.712-34.88-22.464L79.01 405.953c0-10.48 14.336-22.16 34.896-22.16l116.4-.08a32 32 0 0 0 17.855-5.457l279.312-224zm320.993-352.126c0-85.008-58.433-156.433-138.913-169.873c-17.712-2.928-33.935 8.864-36.848 26.305c-2.912 17.424 8.88 33.92 26.288 36.832c50.32 8.4 85.473 52.304 85.473 106.753c0 51.84-36.368 96.687-86.496 106.688c-17.344 3.44-28.592 20.288-25.12 37.631c3.024 15.216 16.368 25.745 31.344 25.745a31.3 31.3 0 0 0 6.288-.624c79.952-15.936 137.984-87.216 137.984-169.456zm-42.465-293.601c-16.528-6.16-35.01 2.241-41.153 18.8c-6.193 16.56 2.223 34.992 18.783 41.168c96.528 36.015 161.376 129.903 161.376 233.63c0 103.777-64.848 197.842-161.312 234.002c-16.56 6.223-24.944 24.655-18.751 41.183c4.816 12.88 17.009 20.785 29.969 20.785a32 32 0 0 0 11.215-2.033c121.344-45.504 202.88-163.632 202.88-293.936s-81.6-248.288-203.007-293.599"/></svg>
Volume 2 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:volume-2" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:volume-2" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:volume-2" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--volume-2]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:volume-2"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:volume-2"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-line-icons/volume-2.svg" alt="Volume 2 アイコン" width="24" height="24">
Simple line icons の関連アイコン
Volume 2 アイコン のよくある質問
Volume 2 アイコンは商用利用でも無料ですか?
はい。Simple line icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Volume 2 アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-line-icons:volume-2" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Volume 2 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-line-icons/volume-2.svg" alt="Volume 2 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Simple line icons をすべて見る →
ICONYZ
