Mandolin 24 アイコン
qlementine-icons:mandolin-24
Mandolin 24 アイコン(qlementine-icons:mandolin-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 1l1.03 1.29c.536.575 1.36.639 2.25.708l.023.002c.83.06 1.72.13 2.52.61c1.67 1 1.17 2.4.86 3.09c-.2.46-1.04 1.09-1.87 1.09c-.45 0-.9-.19-1.24-.71c-.95-1.48.54-2.26.54-2.26h-.04c-.13 0-.58.02-.97.27c-.47.29-1.26 1.3-.86 2.8s2.16 2.3 2.16 2.3s-1.84.97-1.84 3.81s1.82 5.42 1.82 5.42s-3.38.55-3.38 3.08v.995a.505.505 0 1 0 1.01 0v-1c0-1.64 2.51-2.08 2.54-2.08c.34-.06.63-.28.76-.6s.09-.68-.11-.96c-.02-.02-1.63-2.34-1.63-4.81c0-2.11 1.21-2.89 1.32-2.97l.006-.004c.32-.19.52-.55.5-.92s-.24-.71-.58-.86c-.21-.1-.63-.35-1-.7c.31.14.64.21 1 .21c1.23 0 2.44-.88 2.79-1.7c1.09-2.47-.33-3.78-1.27-4.34c-.987-.592-2.05-.678-2.92-.747l-.034-.003c-.7-.05-1.31-.1-1.6-.38l-.99-1.25c-.19-.24-.39-.38-.79-.38h-.01c-.4 0-.7.22-.87.51c-.72 1.28-1.56 2.69-2.26 3.76a1 1 0 0 0-.41-.37l-.017-.007c-.145-.066-.884-.402-1.73-.402c-1.07 0-1.94.54-2.37 1.49c-1.01 2.19.39 4.13 1.89 5.13c1.53 1.01 2.31 2.33 2.31 3.9c0 2.17-1.66 4.81-1.68 4.83a1 1 0 0 0 .68 1.53c.02 0 2.47.44 2.47 2.08L10 23.502a.5.5 0 1 0 .998.002v-1c0-2.53-3.3-3.12-3.3-3.12s1.84-2.89 1.84-5.38s-1.57-3.94-2.76-4.73s-2.27-2.26-1.53-3.88c.32-.71.92-.9 1.46-.9c.68 0 1.31.31 1.31.31s-1.12.23-1.22 1.07c-.09.69.27 1.04.81 1.04c.13 0 .27-.02.41-.06c.79-.15 3.98-5.85 3.98-5.85zm-8.62 9.7A.75.75 0 0 0 4 9.961V9.12a.75.75 0 0 0-.62-.739l-1.91-.336a.2.2 0 0 0-.065-.002c-.537.108-.537 2.89 0 3a.2.2 0 0 0 .065-.003l1.91-.336zm1 10a.75.75 0 0 0 .62-.739v-.841a.75.75 0 0 0-.62-.739l-1.91-.336a.2.2 0 0 0-.065-.002c-.537.108-.537 2.89 0 3a.2.2 0 0 0 .065-.003l1.91-.336zm-.05-7.4a.75.75 0 0 1-.62.739l-1.91.336a.2.2 0 0 1-.065.002c-.537-.108-.537-2.89 0-3a.2.2 0 0 1 .065.003l1.91.336a.75.75 0 0 1 .62.739v.84zm-.28 4a.75.75 0 0 0 .62-.739v-.841a.75.75 0 0 0-.62-.739l-1.91-.336a.2.2 0 0 0-.065-.002c-.537.108-.537 2.89 0 3a.2.2 0 0 0 .065-.003l1.91-.336zM19 19.9a.75.75 0 0 0 .62.739l1.91.336a.2.2 0 0 0 .065.002c.537-.108.537-2.89 0-3a.2.2 0 0 0-.065.003l-1.91.336a.75.75 0 0 0-.62.739v.84zm1.6-9.2a.75.75 0 0 1-.62-.739V9.12a.75.75 0 0 1 .62-.739l1.91-.336a.2.2 0 0 1 .065-.002c.537.108.537 2.89 0 3a.2.2 0 0 1-.065-.003l-1.91-.336zm-.9 2.6a.75.75 0 0 0 .62.739l1.91.336a.2.2 0 0 0 .065.002c.537-.108.537-2.89 0-3a.2.2 0 0 0-.065.003l-1.91.336a.75.75 0 0 0-.62.739v.84zm.3 4a.75.75 0 0 1-.62-.739v-.841a.75.75 0 0 1 .62-.739l1.91-.336a.2.2 0 0 1 .065-.002c.536.108.536 2.89 0 3a.2.2 0 0 1-.065-.003L20 17.304z"/></svg>Mandolin 24 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:mandolin-24" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:mandolin-24" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:mandolin-24" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--mandolin-24]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:mandolin-24"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:mandolin-24"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/qlementine-icons/mandolin-24.svg" alt="Mandolin 24 アイコン" width="24" height="24">Qlementine Icons の関連アイコン
Mandolin 24 アイコン のよくある質問
Mandolin 24 アイコンは商用利用でも無料ですか?
はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mandolin 24 アイコンを使うには?
@iconify/react をインストールして <Icon icon="qlementine-icons:mandolin-24" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mandolin 24 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/mandolin-24.svg" alt="Mandolin 24 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。