Tropical Fish icon

emojione-v1:tropical-fish

The Tropical Fish icon (emojione-v1:tropical-fish) is a free SVG icon from the Emoji One (v1) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (v1) icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Emoji One (v1)
Author: Emoji One
License: CC-BY-SA-4.0
Size: 64 × 64
Category: Nature
Tags: tropicalfish

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#bcab33" d="M49.32 34.455c10.431-.302 10.595 15.305 8.803 14.801c-5.603-1.577-10.706-14.747-8.803-14.801"/><path fill="#25333a" d="M18.224 49.07c10.43-.302 10.594 15.305 8.802 14.801c-5.603-1.577-10.706-14.747-8.802-14.801m4.727-29.05C6.722 22.752 36.212-2.13 36.376.15c.516 7.126-11.12 19.482-13.425 19.87"/><path fill="#bcab33" d="M49.67 36.797c-16.233 2.731 13.257-18.61 13.425-16.331c.511 7.126-11.122 15.945-13.425 16.331"/><path fill="#e0cf35" d="M34.864 10.112c-9.214 0-31.958 9.214-31.958 22.772c0 .204.02.403.032.604c-.324.084-.62.15-.959.24c-2.24.6-2.596 3.959-.488 5.698c1.083.893 2.371 1.452 3.707 1.811a3.79 3.79 0 0 0 1.38 3.01c.956.79 2.083 1.31 3.251 1.67c7.467 6.912 19.08 11.506 25.03 11.506c9.23 0 16.701-10.98 16.701-24.539s-7.47-22.773-16.701-22.773"/><path fill="#ceba34" d="M34.35 55.647c-6.878-.506-13.737-3.078-19.22-7.205c-3.255-2.453-6.851-8.416-10.85-9.992c-1.64-.646-1.715-2.789 0-3.409c5.991-2.163 5.075-9.636 8.946-13.473c2.516-2.494 5.255-4.509 8.619-5.779c5.683-2.15 11.946-3.934 18.19-4.644a13.6 13.6 0 0 0-5.171-1.034c-9.214 0-31.958 9.214-31.958 22.772c0 .204.02.403.032.604c-.324.084-.62.15-.959.24c-2.24.6-2.596 3.959-.488 5.698c1.083.893 2.371 1.452 3.707 1.811a3.79 3.79 0 0 0 1.38 3.01c.956.79 2.083 1.31 3.251 1.67c7.467 6.912 19.08 11.506 25.03 11.506c2.407 0 4.688-.76 6.755-2.104a31 31 0 0 1-7.267.328"/><path fill="#50b9d4" d="M44.16 30.646c1.344-3.771 2.795-7.502 4.427-11.164c-.936-1.717-2.023-3.247-3.268-4.505c-2.531 4.181-4.895 8.454-7.187 12.768a70 70 0 0 1 6.03 2.901"/><path fill="#58c5e8" d="M51.51 34.921c.036-.672.061-1.35.061-2.037c0-3.54-.536-6.755-1.452-9.612c-1.172 2.733-2.228 5.511-3.243 8.3a39 39 0 0 1 4.634 3.349"/><path fill="#50b9d4" d="M34.696 26.604c2.464-4.781 5.01-9.514 7.747-14.13a13.7 13.7 0 0 0-3.96-1.794c-3.203 3.921-9.694 13.257-10.09 13.781a75 75 0 0 1 6.298 2.146"/><path fill="#58c5e8" d="M34.421 25.647c2.463-4.539 5.01-9.03 7.746-13.414a14.2 14.2 0 0 0-3.959-1.704c-3.203 3.721-9.694 12.583-10.09 13.08a78 78 0 0 1 6.299 2.038m9.378 4.151c1.344-3.689 2.795-7.34 4.427-10.926c-.936-1.682-2.023-3.177-3.268-4.411c-2.531 4.093-4.895 8.276-7.187 12.498a72 72 0 0 1 6.03 2.839"/><path fill="#fff" d="M27.434 28.667c0 5.447-2.944 9.856-6.579 9.856s-6.583-4.409-6.583-9.856c0-5.443 2.947-9.854 6.583-9.854s6.579 4.41 6.579 9.854"/><ellipse cx="20.855" cy="28.667" fill="#25333a" rx="4.259" ry="5.163"/></svg>

How to use the Tropical Fish icon

React

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

<Icon icon="emojione-v1:tropical-fish" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:tropical-fish" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:tropical-fish" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--tropical-fish]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:tropical-fish"></div>

Web component

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

<iconify-icon icon="emojione-v1:tropical-fish"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/emojione-v1/tropical-fish.svg" alt="Tropical Fish icon" width="24" height="24">

Related icons in Emoji One (v1)

Tropical Fish icon in other icon sets

Tropical Fish icon FAQ

Is the Tropical Fish icon free for commercial use?

Yes. Emoji One (v1) icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Tropical Fish icon in React?

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

How do I add the Tropical Fish icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/emojione-v1/tropical-fish.svg" alt="Tropical Fish icon">, or paste the SVG code inline to style it with CSS.

Browse all Emoji One (v1) icons →