Tambourine 24 アイコン
qlementine-icons:tambourine-24
Tambourine 24 アイコン(qlementine-icons:tambourine-24)は、Qlementine Icons セットの無料 SVG アイコンです（作者: Olivier Cléro）。 24 × 24 のグリッドで描かれています。 Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Qlementine Icons
- 作者
- Olivier Cléro
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- 楽器
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8 1a3 3 0 0 1 2.85 2.07a9 9 0 0 1 2.3 0A3 3 0 0 1 16 1c1.66 0 3 1.34 3 3c0 .643-.202 1.24-.546 1.73a9.1 9.1 0 0 1 2.05 3.31q.243-.04.498-.041c1.66 0 3 1.34 3 3a2.996 2.996 0 0 1-3.498 2.959a8.95 8.95 0 0 1-2.05 3.31a3 3 0 0 1 .546 1.73c0 1.66-1.34 3-3 3a3 3 0 0 1-2.85-2.07a9 9 0 0 1-2.3 0A3 3 0 0 1 8 22.998c-1.66 0-3-1.34-3-3c0-.643.202-1.24.547-1.73a9.1 9.1 0 0 1-2.05-3.31a3 3 0 0 1-.498.04c-1.66 0-3-1.34-3-3A2.996 2.996 0 0 1 3.497 9.04a8.95 8.95 0 0 1 2.05-3.31A3 3 0 0 1 5 4c0-1.66 1.34-3 3-3m0 5c1.02 0 1.86-.76 1.98-1.74c-1.1.285-2.11.798-2.97 1.49c.29.164.626.258.984.258zm-1.71-.959a8.9 8.9 0 0 1 3.57-1.78A2.01 2.01 0 0 0 8 2.001a2.003 2.003 0 0 0-1.708 3.04zm-3.07 4.97A2 2 0 0 0 3 9.999a2 2 0 1 0 .22 3.988c-.144-.64-.22-1.3-.22-1.99s.076-1.35.22-1.99zm.945 3.61a8.1 8.1 0 0 1 0-3.26a2.008 2.008 0 0 1 0 3.26m.277 1.01c.928-.51 1.56-1.5 1.56-2.63a3 3 0 0 0-1.56-2.63a7.9 7.9 0 0 1 1.81-2.93c.492.354 1.1.563 1.75.563c1.64 0 2.97-1.31 3-2.94a8 8 0 0 1 2 0a2.999 2.999 0 0 0 4.75 2.377a8.05 8.05 0 0 1 1.81 2.93c-.928.51-1.56 1.5-1.56 2.63s.629 2.12 1.56 2.63a7.9 7.9 0 0 1-1.81 2.93a3 3 0 0 0-1.75-.563c-1.64 0-2.97 1.31-3 2.94a8 8 0 0 1-2 0a2.999 2.999 0 0 0-4.75-2.377a8.05 8.05 0 0 1-1.81-2.93m14.6-2.63c0 .67.329 1.26.835 1.63a8.1 8.1 0 0 0 0-3.26a2 2 0 0 0-.835 1.63m2 0a9 9 0 0 1-.22 1.99q.108.012.22.012a2 2 0 1 0-.22-3.988c.144.64.22 1.3.22 1.99zm-6.86 8.74a2.01 2.01 0 0 0 1.86 1.26a2.003 2.003 0 0 0 1.708-3.04a8.9 8.9 0 0 1-3.57 1.78zm2.84-2.49a8.1 8.1 0 0 1-2.97 1.49a1.996 1.996 0 0 1 2.964-1.482zm-.984-12.3c.358 0 .693-.094.984-.258a8.1 8.1 0 0 0-2.97-1.49c.126.984.966 1.74 1.98 1.74zm-1.86-2.74a9.1 9.1 0 0 1 3.57 1.78a2.003 2.003 0 0 0-1.708-3.04c-.842 0-1.56.52-1.86 1.26zm-7.85 15.7a2.003 2.003 0 0 0 1.708 3.04c.842 0 1.56-.52 1.86-1.26a9.1 9.1 0 0 1-3.57-1.78zm3.69.785a7.9 7.9 0 0 1-2.97-1.49c.29-.164.626-.258.984-.258c1.02 0 1.86.76 1.98 1.74z" clip-rule="evenodd"/></svg>Tambourine 24 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:tambourine-24" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:tambourine-24" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:tambourine-24" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--tambourine-24]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:tambourine-24"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:tambourine-24"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/qlementine-icons/tambourine-24.svg" alt="Tambourine 24 アイコン" width="24" height="24">Qlementine Icons の関連アイコン
Tambourine 24 アイコン のよくある質問
Tambourine 24 アイコンは商用利用でも無料ですか?
はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tambourine 24 アイコンを使うには?
@iconify/react をインストールして <Icon icon="qlementine-icons:tambourine-24" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tambourine 24 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/tambourine-24.svg" alt="Tambourine 24 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。