Guitar Line アイコン
mingcute:guitar-line
Guitar Line アイコン(mingcute:guitar-line)は、MingCute Icon セットの無料 SVG アイコンです（作者: MingCute Design）。 24 × 24 のグリッドで描かれています。 MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- MingCute Icon
- 作者
- MingCute Design
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- guitarline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m5.315 13.706l.705.71zm-.55 4.035l-.84.544zM8 20.661l-.5.865zM14.5 9.4l.5-.865zm-3.031-.658l.12.993zm-2.05 1.966l-.997-.089zm5.946 8.8l.967.255zm1.22-7.811l-.92.391zm-.676 2.758l-.575-.819zm-.769 1.996l-.971.235zm-4.01-3.211a1 1 0 1 0 1.732 1l-.866-.5zm1.737.99a1 1 0 0 0-1.732-.999l.866.5zm-2.8 1.85a1 1 0 1 0-1 1.731l.5-.866zm-.133 2.231a1 1 0 1 0 1-1.732l-.5.866zM17 5.072l.5-.866zm-.866-.5l-.719-.695a1 1 0 0 0 .219 1.56zm1.433-1.482l.5-.866a1 1 0 0 0-1.219.17zm.866.5l.961.275a1 1 0 0 0-.461-1.141zm-.567 1.982l-.5.866a1 1 0 0 0 1.461-.591zM5.315 13.706l-.705-.71c-.765.761-1.144 1.75-1.238 2.678c-.093.914.079 1.879.553 2.611l.84-.544l.839-.543c-.175-.27-.3-.753-.243-1.322c.057-.553.278-1.082.659-1.46zm-.55 4.035l-.84.544c.741 1.143 1.73 2.176 3.575 3.241l.5-.866l.5-.866c-1.588-.917-2.338-1.735-2.896-2.596zm9.735-8.34l.5-.865c-1.504-.869-2.672-.905-3.653-.785l.122.992l.12.993c.644-.079 1.357-.077 2.411.532zm-3.031-.658l-.122-.992c-.564.069-1.251.244-1.832.704c-.615.488-1.008 1.214-1.093 2.165l.996.089l.997.088c.04-.462.2-.662.342-.774c.177-.14.452-.24.833-.287zm-2.05 1.966l-.997-.089c-.036.41-.142.54-.181.58c-.058.06-.166.13-.449.213l.282.959l.283.96c.389-.115.902-.306 1.324-.744c.438-.455.669-1.059.734-1.791zm-1.345 1.663l-.282-.96c-.544.16-1.974.384-3.182 1.585l.705.709l.705.71c.756-.752 1.535-.849 2.337-1.085zm7.29 7.136l-.966-.255c-.137.519-.484.975-.936 1.3c-.463.334-.945.467-1.266.45l-.05 1l-.052.998c.872.045 1.793-.288 2.538-.826c.757-.546 1.423-1.368 1.7-2.41zm-3.219 2.495l.051-1c-1.025-.052-2.108-.292-3.696-1.209l-.5.866l-.5.866c1.845 1.066 3.234 1.405 4.594 1.475zM14.5 9.402l-.5.866c1.054.608 1.412 1.224 1.666 1.821l.92-.391l.92-.391c-.386-.91-1.002-1.903-2.506-2.771zm2.086 2.296l-.92.391c.15.353.2.642.167.865c-.026.179-.119.417-.499.683l.575.819l.574.818c.782-.548 1.214-1.251 1.329-2.028c.108-.734-.083-1.416-.306-1.94zm-.677 2.758l-.575-.819c-.601.423-1.01.924-1.184 1.532c-.168.583-.077 1.124.019 1.518l.971-.235l.973-.236c-.07-.287-.064-.415-.041-.494c.016-.055.074-.21.411-.448zm-.769 1.996l-.971.235c.196.812.502 1.535.23 2.566l.966.255l.967.256c.435-1.647-.086-2.997-.22-3.548zm-3.145-2.711l.866.5l.005-.01l-.866-.5l-.866-.499l-.005.009zm-2.428 3.205l-.5.866l.866.5l.5-.866l.5-.866l-.866-.5zM17 5.072l.5-.866l-.866-.5l-.5.866l-.5.866l.866.5zm-.866-.5l.719.695l1.433-1.482l-.719-.695l-.719-.695l-1.433 1.482zm1.433-1.482l-.5.866l.866.5l.5-.866l.5-.866l-.866-.5zm.866.5l-.961-.275l-.567 1.982l.961.275l.961.275l.567-1.982zm-.567 1.982l.5-.866l-.866-.5l-.5.866l-.5.866l.866.5zM14.443 9.5l.866.5l2.557-4.428l-.866-.5l-.866-.5L13.577 9z"/></svg>Guitar Line アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:guitar-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:guitar-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:guitar-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--guitar-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:guitar-line"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:guitar-line"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/guitar-line.svg" alt="Guitar Line アイコン" width="24" height="24">MingCute Icon の関連アイコン
Guitar Line アイコン のよくある質問
Guitar Line アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Guitar Line アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:guitar-line" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Guitar Line アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/guitar-line.svg" alt="Guitar Line アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。