Cowbell 16 アイコン
qlementine-icons:cowbell-16
Cowbell 16 アイコン(qlementine-icons:cowbell-16)は、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="M10 3.03c.166.022.334.06.494.128c.328.138.613.36.826.645c.248.33.349.745.43 1.08l.023.092l1.71 6.84c.077.308.15.6.189.846a2.05 2.05 0 0 1-.041.94a2 2 0 0 1-.874 1.12c-.31.187-.635.243-.901.267c-.25.023-.55.022-.867.022h-5.98c-.317 0-.618 0-.867-.022a2.04 2.04 0 0 1-.901-.268a2 2 0 0 1-.874-1.12a2.05 2.05 0 0 1-.041-.939c.039-.247.112-.538.189-.846l1.71-6.84l.023-.092c.08-.331.183-.745.43-1.08c.213-.285.498-.507.826-.645a2 2 0 0 1 .494-.128V2c0-.465 0-.697.05-.888a1.5 1.5 0 0 1 1.06-1.06c.192-.051.424-.051.889-.051s.697 0 .888.051c.518.139.922.543 1.06 1.06c.05.191.05.423.05.888v1.03zm-3.28.972c-.428 0-.646.002-.828.078a1 1 0 0 0-.413.323c-.121.161-.175.378-.283.811l-1.7 6.8c-.169.678-.254 1.02-.172 1.28a1 1 0 0 0 .437.56C4 14 4.349 14 5.051 14h5.9c.699 0 1.05 0 1.29-.145a1 1 0 0 0 .437-.56c.082-.267-.002-.606-.172-1.28l-1.7-6.8c-.108-.433-.162-.65-.283-.81a1 1 0 0 0-.413-.324c-.182-.076-.4-.078-.828-.078h-2.56zm2.28-1v-1c0-.242 0-.389-.005-.501c-.005-.107-.013-.132-.012-.128a.5.5 0 0 0-.354-.354c.004.001-.021-.007-.128-.012c-.112-.005-.26-.005-.501-.005s-.389 0-.501.005c-.107.005-.132.013-.128.012a.5.5 0 0 0-.354.354s-.007.028-.012.128C7 1.613 7 1.761 7 2.002v1z" clip-rule="evenodd"/></svg>Cowbell 16 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:cowbell-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:cowbell-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:cowbell-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--cowbell-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:cowbell-16"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:cowbell-16"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/qlementine-icons/cowbell-16.svg" alt="Cowbell 16 アイコン" width="24" height="24">Qlementine Icons の関連アイコン
Cowbell 16 アイコン のよくある質問
Cowbell 16 アイコンは商用利用でも無料ですか?
はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cowbell 16 アイコンを使うには?
@iconify/react をインストールして <Icon icon="qlementine-icons:cowbell-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cowbell 16 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/cowbell-16.svg" alt="Cowbell 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。