ICONYZ
日本語
Ultimate color icons の Modern Music Electric Guitar アイコン

Modern Music Electric Guitar アイコン

streamline-ultimate-color:modern-music-electric-guitar

Modern Music Electric Guitar アイコン(streamline-ultimate-color:modern-music-electric-guitar)は、Ultimate color icons セットの無料 SVG アイコンです(作者: Streamline)。 24 × 24 のグリッドで描かれています。 Ultimate color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Ultimate color icons
作者
Streamline
ライセンス
CC-BY-4.0
サイズ
24 × 24
カテゴリ
音楽・オーディオ
タグ
modernmusic、musicelectric、electricguitar、modernmusicelectricguitar
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#ffbfc5" d="M11.21 10.676a2.8 2.8 0 0 1-.778-2.469a6.1 6.1 0 0 1 .718-1.935a1.118 1.118 0 0 0-1.775-1.326A6.4 6.4 0 0 0 7.517 8.26c-.214 1.01-.972 2.395-2.042 2.417a4.51 4.51 0 0 0-4.474 4.616a5.76 5.76 0 0 0 1.763 4.132l1.07 1.07a5.77 5.77 0 0 0 4.132 1.762a4.51 4.51 0 0 0 4.616-4.474c0-1.07 1.2-1.74 2.223-1.706a4.01 4.01 0 0 0 3.233-1.235a1.07 1.07 0 0 0-.7-1.795c-3.215-.247-3.89-.137-4.756-1"/><path fill="#ff808c" d="M18.042 14.848a4.01 4.01 0 0 1-3.23 1.235c-1.02-.039-2.227.642-2.227 1.702a4.515 4.515 0 0 1-4.61 4.474a5.76 5.76 0 0 1-4.133-1.76l-.652-.652l1.839-1.848l1.721-1.721l5.038-5.028l.797.797c.866.866 1.547.759 4.756 1.002a1.069 1.069 0 0 1 .7 1.799"/><path fill="#fff" d="m7.9 17.427l-2.064-2.063a.973.973 0 0 0-1.375 0l-.344.343a.973.973 0 0 0 0 1.376l2.063 2.063c.38.38.996.38 1.375 0l.344-.344a.973.973 0 0 0 0-1.375"/><path fill="#e3e3e3" d="m7.896 18.797l-.34.35a.98.98 0 0 1-1.381 0l-1.148-1.148l1.722-1.721l1.147 1.147a.973.973 0 0 1 0 1.372"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="m7.898 13.3l2.064 2.062"/><path fill="#e3e3e3" d="m16.84 5.048l-7.222 7.22l1.375 1.375l7.222-7.22"/><path fill="#ff808c" d="M19.587 6.423a.97.97 0 0 1-1.375 0L16.84 5.048a.974.974 0 0 1 0-1.377l.18-.18a1 1 0 0 1 .381-.236l4.412-1.469a.902.902 0 0 1 .923 1.493z"/><path fill="#ffbfc5" d="m17.513 5.257l.18-.181a1 1 0 0 1 .381-.236l4.412-1.47a1 1 0 0 1 .194-.035l.058-.058a.902.902 0 0 0-.925-1.49L17.4 3.254a1 1 0 0 0-.38.235l-.181.181a.974.974 0 0 0 0 1.376l.486.487a1 1 0 0 1 .187-.277"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M19.587 6.423a.97.97 0 0 1-1.375 0L16.84 5.048a.974.974 0 0 1 0-1.377l.18-.18a1 1 0 0 1 .381-.236l4.412-1.469a.902.902 0 0 1 .923 1.493zm-8.377 4.253a2.8 2.8 0 0 1-.778-2.469a6.1 6.1 0 0 1 .718-1.935a1.118 1.118 0 0 0-1.775-1.326A6.4 6.4 0 0 0 7.517 8.26c-.214 1.01-.972 2.395-2.042 2.417a4.51 4.51 0 0 0-4.474 4.616a5.76 5.76 0 0 0 1.763 4.132l1.07 1.07a5.77 5.77 0 0 0 4.132 1.762a4.51 4.51 0 0 0 4.616-4.474c0-1.07 1.2-1.74 2.223-1.706a4.01 4.01 0 0 0 3.233-1.235a1.07 1.07 0 0 0-.7-1.795c-3.215-.247-3.89-.137-4.756-1"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="m7.9 17.427l-2.064-2.063a.973.973 0 0 0-1.375 0l-.344.343a.973.973 0 0 0 0 1.376l2.063 2.063c.38.38.996.38 1.375 0l.344-.344a.973.973 0 0 0 0-1.375M16.84 5.048l-7.222 7.22l1.375 1.375l7.222-7.22"/></g></svg>

Modern Music Electric Guitar アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-ultimate-color:modern-music-electric-guitar" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-ultimate-color:modern-music-electric-guitar" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-ultimate-color:modern-music-electric-guitar" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--modern-music-electric-guitar]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:modern-music-electric-guitar"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-ultimate-color:modern-music-electric-guitar"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/modern-music-electric-guitar.svg" alt="Modern Music Electric Guitar アイコン" width="24" height="24">

Ultimate color icons の関連アイコン

他のアイコンセットの Modern Music Electric Guitar アイコン

Modern Music Electric Guitar アイコン のよくある質問

Modern Music Electric Guitar アイコンは商用利用でも無料ですか?

はい。Ultimate color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Modern Music Electric Guitar アイコンを使うには?

@iconify/react をインストールして <Icon icon="streamline-ultimate-color:modern-music-electric-guitar" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Modern Music Electric Guitar アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/modern-music-electric-guitar.svg" alt="Modern Music Electric Guitar アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Ultimate color icons をすべて見る →