Ukulele 24 アイコン
qlementine-icons:ukulele-24
Ukulele 24 アイコン(qlementine-icons:ukulele-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" d="M12 7.12c-1.86 1.3-3.74 1.81-5.96 1.87l.918 11c.485.02 1.11.104 1.67.44c.817.49 1.37 1.43 1.37 3.05a.5.5 0 0 1-1 0c0-1.38-.449-1.94-.882-2.2c-.489-.293-1.1-.304-1.62-.304a.5.5 0 0 1-.498-.458l-1-12a.5.5 0 0 1 .498-.541c2.42 0 4.31-.479 6.2-1.9a.5.5 0 0 1 .609.007c1.89 1.42 3.78 1.89 6.19 1.89a.5.5 0 0 1 .498.54l-1 12a.5.5 0 0 1-.498.459c-.518 0-1.13.01-1.62.304c-.433.26-.882.818-.882 2.2a.5.5 0 0 1-1 0c0-1.62.551-2.56 1.37-3.05c.559-.335 1.19-.42 1.67-.44l.918-11c-2.22-.068-4.1-.57-5.96-1.87zM1 11.3a.66.66 0 0 1 .768-.651l1.68.28A.66.66 0 0 1 4 11.58v.882a.66.66 0 0 1-.552.651l-1.68.28A.66.66 0 0 1 1 12.742v-1.44zm1.27 4.8a.66.66 0 0 0-.768.651v1.44a.66.66 0 0 0 .768.651l1.68-.28a.66.66 0 0 0 .552-.651v-.882a.66.66 0 0 0-.552-.651l-1.68-.28zM23 11.3a.66.66 0 0 0-.768-.651l-1.68.28a.66.66 0 0 0-.552.651v.882a.66.66 0 0 0 .552.651l1.68.28a.66.66 0 0 0 .768-.651v-1.44zm-1.3 4.8a.66.66 0 0 1 .768.651v1.44a.66.66 0 0 1-.768.651l-1.68-.28a.66.66 0 0 1-.552-.651v-.882a.66.66 0 0 1 .552-.651l1.68-.28z"/></svg>Ukulele 24 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:ukulele-24" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:ukulele-24" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:ukulele-24" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--ukulele-24]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:ukulele-24"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:ukulele-24"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/qlementine-icons/ukulele-24.svg" alt="Ukulele 24 アイコン" width="24" height="24">Qlementine Icons の関連アイコン
Ukulele 24 アイコン のよくある質問
Ukulele 24 アイコンは商用利用でも無料ですか?
はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ukulele 24 アイコンを使うには?
@iconify/react をインストールして <Icon icon="qlementine-icons:ukulele-24" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ukulele 24 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/ukulele-24.svg" alt="Ukulele 24 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。