Clownfish アイコン

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

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

game-icons:clownfish

Clownfish アイコン(game-icons:clownfish)は、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="M413.38 71.32c-2.692.027-5.327.135-7.884.319c-26.372 51.103 17.394 93.805 64.493 104.945c13.09-17.97 20.194-35.75 19.81-52.19l-13.342 9.173l-10.197-14.832l19.385-13.328a52 52 0 0 0-2.67-5.307c-12.504-21.573-43.584-29.033-69.596-28.78zm-37.335 5.07c-17.856 4.26-35.236 10.617-50.578 16.962c-15.406 6.371-49.229-21.262-61.195-9.934c-47.257 44.737-30.373 63.14-36.053 72.645c26.004 6.87 47.011 17.806 78.174 19.775c4.524-6.931 8.111-11.8 12.752-17.982l46.873.31l-.121 17.998l-37.573-.248c-6.871 9.512-12.176 18.044-14.943 24.862c-3.133 7.72-3.384 12.978-1.998 16.851c7.927 14.29 31.59 18.35 45.008 20.778l30.031-39.956l14.389 10.815l-36.608 48.707c-16.36-2.943-34.12-5.98-47.841-12.496l-.082-.041c6.302 17.447 14.137 34.826 18.359 51.228a648 648 0 0 0 13.004-7.658c22.215-13.45 5.493 46.972 53.295 3.69c5.713-5.174 8.326-49.352 10.16-51.223c13.1-13.364 30.148-30.006 45.225-47.686c-67.624-8.885-98.696-65.168-80.278-117.396zm60.54 14.683a10.985 10.985 0 0 1 4.984 20.945c-5.505 2.548-12.033.152-14.582-5.352s-.154-12.034 5.351-14.584a11 11 0 0 1 4.246-1.01zm-256.343 91.076c-10.778-.103-22.732 2.199-29.648 8.23c-70.643 61.604-16.27 86.406-11.574 90.723c22.797 20.957 39.667 72.813 45.96 88.693c3.648 9.202 19.545 26.155 54.594 9.934c52.654-20.53 29.41-48.545 57.666-62.912c-9.123-50.356-50.136-103.254-96.902-130.684c-4.04-2.37-11.712-3.904-20.096-3.984M92.99 324.759c-60.74-.071-78.355 61.634-68.033 92.634c39.549 51.777 96.597 6.736 124.514-33.545c-10.297-23.138-22.417-43.575-40.1-57.686c-5.776-.95-11.233-1.398-16.38-1.404z"/></svg>

Clownfish アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

Game Icons をすべて見る →