Volume Level High Flat アイコン
streamline-plump-color:volume-level-high-flat
Volume Level High Flat アイコン(streamline-plump-color:volume-level-high-flat)は、Plump color icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- エンターテインメント
- タグ
- volumelevel、levelhigh、highflat、volumelevelhighflat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#8fbffa" d="m10.286 12.123l-.094.021c-.302.07-.728.172-1.23.297c-1 .25-2.318.596-3.555.98a4.78 4.78 0 0 0-3.303 3.724a39 39 0 0 0-.604 6.853c0 2.876.318 5.276.604 6.853a4.78 4.78 0 0 0 3.303 3.723a67 67 0 0 0 3.555.98c.502.126.928.227 1.23.297l.089.021l.005.005c.196.174.48.423.846.73c.73.612 1.78 1.454 3.076 2.383c2.581 1.85 6.187 4.086 10.2 5.522c2.642.945 5.201-.95 5.437-3.572c.293-3.244.655-8.89.655-16.94s-.363-13.697-.655-16.941c-.236-2.622-2.795-4.517-5.437-3.572c-4.013 1.436-7.619 3.671-10.2 5.522a52 52 0 0 0-3.076 2.383c-.365.306-.65.556-.846.73Z"/><path fill="#2859c5" fill-rule="evenodd" d="M38.59 34.582a14.9 14.9 0 0 0 0-21.164a2 2 0 1 1 2.82-2.836c7.453 7.409 7.453 19.427 0 26.836a2 2 0 1 1-2.82-2.836" clip-rule="evenodd"/><path fill="#2859c5" fill-rule="evenodd" d="M33.517 30.658c3.31-3.657 3.31-9.66 0-13.316a2 2 0 0 1 2.966-2.684c4.69 5.18 4.69 13.504 0 18.684a2 2 0 0 1-2.966-2.684" clip-rule="evenodd"/><path fill="#2859c5" d="m10.272 12.127l-.08.019c-.302.07-.728.171-1.23.296c-1 .25-2.318.597-3.555.981a4.78 4.78 0 0 0-3.303 3.723a39 39 0 0 0-.604 6.853c0 2.876.318 5.276.604 6.854a4.78 4.78 0 0 0 3.303 3.722a67 67 0 0 0 3.555.98c.502.126.928.227 1.23.298l.089.02l.005.005l.07.062a133 133 0 0 1-.605-12.362a133 133 0 0 1 .52-11.451Z"/></g></svg>Volume Level High Flat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:volume-level-high-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:volume-level-high-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:volume-level-high-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--volume-level-high-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:volume-level-high-flat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:volume-level-high-flat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/volume-level-high-flat.svg" alt="Volume Level High Flat アイコン" width="24" height="24">Plump color icons の関連アイコン
他のアイコンセットの Volume Level High Flat アイコン
Volume Level High Flat アイコン のよくある質問
Volume Level High Flat アイコンは商用利用でも無料ですか?
はい。Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Volume Level High Flat アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump-color:volume-level-high-flat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Volume Level High Flat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/volume-level-high-flat.svg" alt="Volume Level High Flat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。