Pedal 24 アイコン
qlementine-icons:pedal-24
Pedal 24 アイコン(qlementine-icons:pedal-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="M4.44 2.18c-.436.856-.436 1.98-.436 4.22v4.65l.025-.025c.548-.548 1.24-.794 2.12-.911C7 10 8.09 10 9.47 10h5.08c1.38 0 2.47 0 3.32.114c.872.117 1.57.363 2.12.91l.025.026V6.4c0-2.24 0-3.36-.436-4.22a4.03 4.03 0 0 0-1.75-1.75c-.856-.436-1.98-.436-4.22-.436h-3.2c-2.24 0-3.36 0-4.22.436a4.03 4.03 0 0 0-1.75 1.75zM8 5A2 2 0 1 0 8.001.999A2 2 0 0 0 8 5m10-2a2 2 0 1 1-4.001.001A2 2 0 0 1 18 3m-6 6a2 2 0 1 0 .001-4.001A2 2 0 0 0 12 9" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M20 16.5c0-1.43-.001-2.45-.105-3.23c-.102-.762-.296-1.21-.627-1.54s-.781-.524-1.54-.627c-.776-.104-1.8-.105-3.23-.105h-5c-1.43 0-2.45.001-3.23.105c-.762.102-1.21.296-1.54.627s-.524.781-.627 1.54c-.104.776-.105 1.8-.105 3.23v1.1c0 2.24 0 3.36.436 4.22c.384.753.995 1.36 1.75 1.75c.856.436 1.98.436 4.22.436h3.2c2.24 0 3.36 0 4.22-.436a4.03 4.03 0 0 0 1.75-1.75c.436-.856.436-1.98.436-4.22v-1.1zM6 17c0-.932 0-1.4.152-1.77c.203-.49.592-.879 1.08-1.08c.368-.152.833-.152 1.77-.152h6c.932 0 1.4 0 1.77.152c.49.203.879.592 1.08 1.08c.152.368.152.834.152 1.77s0 1.4-.152 1.77c-.203.49-.592.879-1.08 1.08c-.368.152-.834.152-1.77.152h-6c-.932 0-1.4 0-1.77-.152a2 2 0 0 1-1.08-1.08C6 18.402 6 17.936 6 17" clip-rule="evenodd"/></svg>Pedal 24 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:pedal-24" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:pedal-24" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:pedal-24" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--pedal-24]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:pedal-24"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:pedal-24"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/qlementine-icons/pedal-24.svg" alt="Pedal 24 アイコン" width="24" height="24">Qlementine Icons の関連アイコン
Pedal 24 アイコン のよくある質問
Pedal 24 アイコンは商用利用でも無料ですか?
はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pedal 24 アイコンを使うには?
@iconify/react をインストールして <Icon icon="qlementine-icons:pedal-24" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pedal 24 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/pedal-24.svg" alt="Pedal 24 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。