Flatfish アイコン

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

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

game-icons:flatfish

Flatfish アイコン(game-icons:flatfish)は、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="M288.9 92.42c-5.3 0-10.7.33-16 .88c-29.8 3.12-65 23.7-90 51.1c-19.5 21.5-32.3 46.6-33.6 69.8l7.6 3.3c6.4-8.9 19.7-26.3 37.6-44.1c25.2-25.1 59.2-51.3 96.5-51c37.6.4 80.9 18 119.9 43.2c18.8 12.2 36.5 26.1 52 40.9c-34.4-73.1-106-114.46-174-114.08m1.9 47.98c-28.3-.3-59.8 22.1-83.6 45.8c-23.8 23.6-39.7 47.4-39.7 47.4l-4.2 6.2l-31.4-13.4c-7.9 9.9-11.1 24.3-10.7 38.7c.4 12.7 4 25.1 7.8 32.5l27.9-12l4.1 6.1c37 54.4 101.5 83.4 157.7 85.5c56.4-7 128.7-26.7 169.3-84l-36-2.5l31.9-31.1c-9.8-15.4-23.8-31.4-40.3-46.3c.3 1.1.4 2.3.4 3.5c0 8.8-7.2 16-16 16s-16-7.2-16-16s7.2-16 16-16h.9c-8.8-7.1-18.1-13.9-27.8-20.1c-37-23.9-78.3-40-110.3-40.3m87.7 50.8l15.8 8.6c-26.6 49.1-22.2 96.1 9.4 128.6l-13 12.6c-37.2-38.3-41.6-95.5-12.2-149.8m-335.64 7c0 21.3-1.94 41.4-18.88 63.2c7.88 6.8 13.34 14.6 16.55 23.6c3.57 10.1 4.67 21.2 5.22 34.2c9.11 1.1 23.71-.3 38.01-4.2c10.03-2.8 19.94-6.7 28.04-10.7c-5.3-10.6-8.2-24.2-8.6-38.7c-.5-16.2 2.7-33.8 12.5-47.7c-8.7-4.9-18.59-9.2-28.74-12.3c-15.18-3.8-29.54-7.4-44.1-7.4M428 248.8c8.8 0 16 7.2 16 16s-7.2 16-16 16s-16-7.2-16-16s7.2-16 16-16m-276.7 60.1c1.5 6.1 4.4 12.7 8.6 19.8c8.1 13.7 21 28.3 36.4 41.6c30.8 26.5 71.9 47.4 103.2 49.2c22.2 1.3 47-11.3 69-28.9c2.4-1.9 4.8-3.9 7.1-5.9c-19.5 3-39 10.4-56.8 10.5c-59.5-1.9-126.1-30.9-167.5-86.3m270.1 59.6c-7.1 3.2-14.3 6.1-21.5 8.6c1.9 9.8 1.3 19.3.2 28.2c7.5-3.1 14.4-7.5 20.6-14.4c2.5-6.8 2.1-14.2.7-22.4"/></svg>

Flatfish アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

Game Icons をすべて見る →