Clownfish icon

game-icons:clownfish

The Clownfish icon (game-icons:clownfish) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Game Icons
Author: GameIcons
License: CC-BY-3.0
Size: 512 × 512

Download SVG

SVG code

<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>

How to use the Clownfish icon

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 component

<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 image

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

Clownfish icon FAQ

Is the Clownfish icon free for commercial use?

Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Clownfish icon in React?

Install @iconify/react and render <Icon icon="game-icons:clownfish" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Clownfish icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/clownfish.svg" alt="Clownfish icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →