Violin 16 アイコン
qlementine-icons:violin-16
Violin 16 アイコン(qlementine-icons:violin-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" d="M9.16 15.9a.5.5 0 0 0 .343.136h.03a.5.5 0 0 0 .467-.53l-.125-1.08v-.025c-.02-.18.145-.385.395-.635l.055-.06a1.5 1.5 0 0 0 .375-1.168l-.645-3.8c.5-.002.635-.072.75-.168a1.58 1.58 0 0 0 .45-1a2 2 0 0 0 .5.115c.345 0 .66-.312.792-.732a.5.5 0 0 0 .35-.33c.09-.279.118-.574.082-.865c-.04-.245-.148-.892-.715-.892a1.2 1.2 0 0 0-.298.048a1.6 1.6 0 0 0-.16-.405l-.025-.046a.82.82 0 0 0-.523-.427a.95.95 0 0 0-.75.043l-.84.34l-.057-.468v-.06c-.11-.49-.8-.848-1.61-.848s-1.49.358-1.61.852a5 5 0 0 0-.065.522L5.5 4.085a.98.98 0 0 0-.75-.043a.83.83 0 0 0-.537.415l-.025.043q-.106.193-.16.405a1.1 1.1 0 0 0-.298-.048c-.565 0-.67.622-.712.89a2 2 0 0 0 .08.87a.5.5 0 0 0 .35.327c.135.42.448.732.792.732a2 2 0 0 0 .5-.115c.025.376.185.731.45 1c.112.095.25.168.75.168l-.638 3.81a1.5 1.5 0 0 0 .38 1.175l.05.053c.242.26.412.455.392.635v.025L6 15.507a.501.501 0 1 0 1 .06l.123-1.07c.065-.645-.352-1.09-.66-1.42l-.04-.042a.5.5 0 0 1-.128-.39L7 8.265a.498.498 0 0 0-.525-.544a7 7 0 0 1-.672 0a2.7 2.7 0 0 1-.118-.892a.5.5 0 0 0-.288-.45a.5.5 0 0 0-.5.052a4 4 0 0 1-.5.195a.4.4 0 0 1-.018-.122A.5.5 0 0 0 4 6.02v-.08l.22.068a.5.5 0 0 0 .395-.038a.5.5 0 0 0 .25-.317a7 7 0 0 1 .178-.625l.025-.042l.04.015l1.46.602a.5.5 0 0 0 .688-.413c.06-.602.09-.875.105-1c.197-.11.42-.162.645-.15c.224-.012.447.04.642.15q.061.493.108.985a.5.5 0 0 0 .25.38a.5.5 0 0 0 .434.038L10.899 5l.04-.015l.015.022q.111.317.188.645a.5.5 0 0 0 .25.315a.5.5 0 0 0 .397.04l.222-.07v.083a.5.5 0 0 0-.382.475a.4.4 0 0 1-.017.122a4 4 0 0 1-.5-.195a.5.5 0 0 0-.5-.053a.5.5 0 0 0-.288.452a2.7 2.7 0 0 1-.115.89a7 7 0 0 1-.675 0a.5.5 0 0 0-.39.158a.5.5 0 0 0-.133.397l.705 4.38a.5.5 0 0 1-.12.383l-.047.05c-.308.325-.725.772-.66 1.42l.122 1.07a.5.5 0 0 0 .157.334z"/><path fill="currentColor" d="M3.75 8.5c-.923 0-1.25.56-1.25 1.25S2.846 11 3.75 11s.927-.56.927-1.25S4.671 8.5 3.75 8.5M2 13.2c0-.69.327-1.25 1.25-1.25c.921 0 .927.56.927 1.25s-.023 1.25-.927 1.25S2 13.89 2 13.2m10.2-4.7c.923 0 1.25.56 1.25 1.25S13.104 11 12.2 11s-.927-.56-.927-1.25s.006-1.25.927-1.25m1.8 4.7c0-.69-.327-1.25-1.25-1.25c-.921 0-.927.56-.927 1.25s.023 1.25.927 1.25S14 13.89 14 13.2"/></svg>Violin 16 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:violin-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:violin-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:violin-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--violin-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:violin-16"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:violin-16"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/qlementine-icons/violin-16.svg" alt="Violin 16 アイコン" width="24" height="24">Qlementine Icons の関連アイコン
Violin 16 アイコン のよくある質問
Violin 16 アイコンは商用利用でも無料ですか?
はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Violin 16 アイコンを使うには?
@iconify/react をインストールして <Icon icon="qlementine-icons:violin-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Violin 16 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/violin-16.svg" alt="Violin 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。