Guitar アイコン
streamline-emojis:guitar
Guitar アイコン(streamline-emojis:guitar)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Streamline Emojis
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- アクティビティ
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M13.32 45.5a9.12 1.5 0 1 0 18.24 0a9.12 1.5 0 1 0-18.24 0" opacity=".15"/><path fill="#ffaa54" d="M24.29 21s-3.68-3-5.68-.21s-.83 3.62-2.53 5.31s-4.79 1.24-7.78 5.4s0 8.43 3.67 11.07c3.48 2.51 9 3.65 12-.43s.59-7.11 2.24-9.4s2.66-1.89 3.31-2.79a4.3 4.3 0 0 0 .3-2.52a.36.36 0 0 0-.64-.19c-.55.68-1.44 1.48-2.22.86s-1-2.19.14-3.79l.62-.85Z"/><path fill="#fc9" d="M8.84 34.8c3-4.16 6.13-3.77 7.78-5.4s.53-2.53 2.53-5.3s5.68.21 5.68.21l1.62 1.16a4.8 4.8 0 0 1 .63-1.19l.62-.85L24.29 21s-3.68-3-5.68-.21s-.83 3.62-2.53 5.31s-4.79 1.24-7.78 5.4a5.88 5.88 0 0 0-.6 6.13a6 6 0 0 1 1.14-2.83"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24.29 21s-3.68-3-5.68-.21s-.83 3.62-2.53 5.31s-4.79 1.24-7.78 5.4s0 8.43 3.67 11.07c3.48 2.51 9 3.65 12-.43s.59-7.11 2.24-9.4s2.66-1.89 3.31-2.79a4.3 4.3 0 0 0 .3-2.52a.36.36 0 0 0-.64-.19c-.55.68-1.44 1.48-2.22.86s-1-2.19.14-3.79l.62-.85Z"/><path fill="#f0d5a8" d="M32.71 10.2L15.07 33.76l3.83 2.76l16.79-24.17z"/><path fill="#f7e5c6" d="m34.2 11.28l-1.49-1.08l-17.64 23.56l1.91 1.38z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M32.71 10.2L15.07 33.76l3.83 2.76l16.79-24.17z"/><path fill="#ffaa54" d="M43.1 4.47a1.91 1.91 0 0 1-.54 2.23l-6.87 5.65l-3-2.15l.71-3.39a2.74 2.74 0 0 1 2-2.09l5.44-1.35a1.91 1.91 0 0 1 2.26 1.1"/><path fill="#fc9" d="M43.1 4.47a1.91 1.91 0 0 0-2.22-1.1l-5.44 1.35a2.74 2.74 0 0 0-2 2.09l-.71 3.39l.75.54l.34-1.61a2.73 2.73 0 0 1 2-2.09l5.44-1.35a1.93 1.93 0 0 1 1.74.45a1.92 1.92 0 0 0 .1-1.67"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M43.1 4.47a1.91 1.91 0 0 0-2.22-1.1l-5.44 1.35a2.74 2.74 0 0 0-2 2.09l-.71 3.39l3 2.15l6.83-5.65a1.91 1.91 0 0 0 .54-2.23"/><path fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m15.068 33.759l3.836 2.767l-1.54 2.133l-3.835-2.768zM17.79 39l-4.26-3.07a1 1 0 1 0-1.23 1.7l4.26 3.08A1.05 1.05 0 1 0 17.79 39"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M36.43 8.19L15.45 37.27"/><path fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m24.63 27.69l-3-2.15a1.05 1.05 0 0 0-1.23 1.71l3 2.15a1.05 1.05 0 0 0 1.23-1.71"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m36.02 7.4l2.18 4.17m.64-5.37l1.91 3.64"/><path fill="none" stroke="#48cf3e" stroke-linecap="round" stroke-linejoin="round" d="M38.84 23.86a1.27 1.27 0 0 1-2.53 0a1.27 1.27 0 1 1 2.53 0m6.34-1.27a1.27 1.27 0 1 1-1.27-1.27a1.27 1.27 0 0 1 1.27 1.27"/><path fill="none" stroke="#48cf3e" stroke-linecap="round" stroke-linejoin="round" d="M38.84 23.86v-5.7l6.34-2.54v6.97"/><path fill="none" stroke="#ff4064" stroke-linecap="round" stroke-linejoin="round" d="M36.62 44.38A1.68 1.68 0 1 1 35 42.71a1.68 1.68 0 0 1 1.62 1.67m0 0v-7.52l2.51 1.67"/><path fill="none" stroke="#ffb700" stroke-linecap="round" stroke-linejoin="round" d="M10.15 14.28a1.51 1.51 0 1 1-1.51-1.52a1.51 1.51 0 0 1 1.51 1.52"/><path fill="none" stroke="#ffb700" stroke-linecap="round" stroke-linejoin="round" d="M10.15 14.28V7.46l2.27 1.52"/><path fill="none" stroke="#00aed9" stroke-linecap="round" stroke-linejoin="round" d="M24.06 5.68v-.6m1.27 1.12l.42-.42m.1 1.68h.59m-1.11 1.27l.42.42m-1.69.1v.59M22.8 8.73l-.42.42m-.1-1.69h-.6M22.8 6.2l-.42-.42M4.62 23.41v-3.18m-1.59 1.59h3.18m37.7 10.47v-3.17m-1.58 1.58h3.17m-12.23 4.01v-1.58m-.79.79h1.59m-13.22-18.3v-1.59m-.79.8h1.59M3.83 41.41v-1.58m-.8.79h1.59"/></svg>Guitar アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:guitar" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:guitar" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:guitar" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--guitar]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:guitar"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:guitar"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-emojis/guitar.svg" alt="Guitar アイコン" width="24" height="24">他のアイコンセットの Guitar アイコン
Guitar アイコン のよくある質問
Guitar アイコンは商用利用でも無料ですか?
はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Guitar アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-emojis:guitar" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Guitar アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-emojis/guitar.svg" alt="Guitar アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。