ICONYZ
日本語
Material Symbols の Sound Sampler Rounded アイコン

Sound Sampler Rounded アイコン

material-symbols:sound-sampler-rounded

Sound Sampler Rounded アイコン(material-symbols:sound-sampler-rounded)は、Material Symbols セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Material Symbols
作者
Google
ライセンス
Apache-2.0
サイズ
24 × 24
カテゴリ
オーディオ・ビデオ
タグ
soundsampler、samplerrounded、soundsamplerrounded、sound sampler outline rounded
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2 12q0-3.6 2.213-6.3T9.8 2.25q.5-.125.85.1t.35.7q0 .5-.325.788t-.825.437q-2.575.7-4.212 2.813T4 12q0 1.1.275 2.113T5.05 16q.25.425.238.85t-.363.775q-.325.325-.7.275t-.625-.45q-.775-1.2-1.187-2.562T2 12m10 10q-1.525 0-2.912-.425t-2.588-1.2q-.375-.25-.425-.638t.25-.712q.325-.35.75-.35t.85.25q.9.525 1.925.8T12 20t2.15-.275t1.925-.8q.425-.25.85-.262t.75.337q.3.325.25.725t-.425.65q-1.2.775-2.587 1.2T12 22m10-10q0 1.525-.413 2.888T20.4 17.45q-.25.4-.625.45t-.7-.275q-.35-.35-.362-.775t.237-.85q.5-.875.775-1.888T20 12q0-2.8-1.638-4.913T14.15 4.275q-.5-.15-.825-.437T13 3.05q0-.475.35-.7t.85-.1q3.375.75 5.588 3.45T22 12M9.5 15.575v-7.15q0-.3.263-.45t.512.025l5.575 3.575q.225.15.225.425t-.225.425L10.275 16q-.25.175-.513.025t-.262-.45"/></svg>

Sound Sampler Rounded アイコンの使い方

React

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

<Icon icon="material-symbols:sound-sampler-rounded" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:sound-sampler-rounded" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:sound-sampler-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--sound-sampler-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:sound-sampler-rounded"></div>

Web コンポーネント

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

<iconify-icon icon="material-symbols:sound-sampler-rounded"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols/sound-sampler-rounded.svg" alt="Sound Sampler Rounded アイコン" width="24" height="24">

Material Symbols の関連アイコン

他のアイコンセットの Sound Sampler Rounded アイコン

Sound Sampler Rounded アイコン のよくある質問

Sound Sampler Rounded アイコンは商用利用でも無料ですか?

はい。Material Symbols icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Sound Sampler Rounded アイコンを使うには?

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

Sound Sampler Rounded アイコンをウェブページに追加するには?

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

Material Symbols アイコン をすべて見る →