F Clef アイコン

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

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

game-icons:f-clef

F Clef アイコン(game-icons:f-clef)は、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
タグ: fclef

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M204.504 23.109c-66.649.146-106.53 38.463-117.59 77.154c-11.06 38.692 3.301 76.266 17.495 97.608l.37-.247a64 64 0 0 0 51.755 26.485a64 64 0 0 0 64-64a64 64 0 0 0-64-64a64 64 0 0 0-49.717 23.777c.595-6.139 1.676-12.251 3.363-18.152c9.337-32.665 33.605-60.427 94.383-60.625c59.958-.195 94.302 63.78 92.652 152.82c-1.487 80.241-11.975 128.266-60.033 171.305s-107.95 78.339-179.906 106.484c-13.016 5.091-1.171 19.747 6.515 16.781c72.712-28.054 144.82-53.25 195.828-98.931s96.234-86.259 96.811-197.293c.506-97.408-44.5-169.401-151.926-169.166m224.03 41a32 32 0 0 0-32 32a32 32 0 0 0 32 32a32 32 0 0 0 32-32a32 32 0 0 0-32-32m0 128a32 32 0 0 0-32 32a32 32 0 0 0 32 32a32 32 0 0 0 32-32a32 32 0 0 0-32-32"/></svg>

F Clef アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:f-clef"></iconify-icon>

HTML 画像

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

Game Icons の関連アイコン

F Clef アイコンのよくある質問

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

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

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

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

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

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

Game Icons をすべて見る →