Metronome アイコン

Q: Metronome アイコンは商用利用でも無料ですか?

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

game-icons:metronome

Metronome アイコン(game-icons:metronome)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Game Icons
作者: GameIcons
ライセンス: CC-BY-3.0
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 81c-7.7 0-15.5.33-23 .95V119h46V81.95c-7.5-.62-15.3-.95-23-.95m-41 3.07c-4.8.76-9.5 1.65-13.9 2.69c-14.7 3.46-26.3 8.71-32.8 14.04l-22.4 140.3L215 341V137h-23v-18h23zm82 0V119h23v18h-23v238.4c30.6 2.8 54.5 19.5 73.7 40.5c11 12.2 20.6 25.8 29.6 39.4l-56.6-354.5c-6.5-5.33-18.1-10.58-32.8-14.04c-4.4-1.04-9.1-1.93-13.9-2.69M39.34 90.79L24.66 101.2l20.89 29.6l15.14-9.9zm54.81 29.71l-56.04 36.7L82.56 183l17.54-11.5zM233 137v46h46v-46zm-124.8 50.8l-15.3 10l48.9 69.2l-30.1 188.3c9-13.6 18.6-27.2 29.6-39.4c19.2-21 43.1-37.7 73.7-40.5v-2.8l-73.2-105.7l4.1-26zM233 201v46h46v-46zm0 64v46h46v-46zm0 64v38l5.5 8H279v-46zm206 23v23h-33.2l2.9 18H439v23h18v-64zm-215 41c-29 0-50.3 14.1-69.3 35.1c-15.5 17-28.9 38.4-42.1 58.9h286.8c-13.2-20.5-26.6-41.9-42.1-58.9c-19-21-40.3-35.1-69.3-35.1h-37l12.4 17.9l-14.8 10.2l-19.5-28.1z"/></svg>

Metronome アイコンの使い方

React

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

<Icon icon="game-icons:metronome" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:metronome" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:metronome" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--metronome]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:metronome"></div>

Web コンポーネント

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

<iconify-icon icon="game-icons:metronome"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/game-icons/metronome.svg" alt="Metronome アイコン" width="24" height="24">

他のアイコンセットの Metronome アイコン

Metronome アイコンのよくある質問

Metronome アイコンは商用利用でも無料ですか?

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

React で Metronome アイコンを使うには?

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

Metronome アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/metronome.svg" alt="Metronome アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Game Icons をすべて見る →