Ícone Tropical Fish

streamline-emojis:tropical-fish

O ícone Tropical Fish (streamline-emojis:tropical-fish) é um ícone SVG gratuito da coleção Streamline Emojis de Streamline. Ele é desenhado em uma grade de 48 × 48. Streamline Emojis icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Streamline Emojis
Autor: Streamline
Licença: CC-BY-4.0
Tamanho: 48 × 48
Categoria: Animais e natureza
Tags: tropicalfish

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M12.5 45.5a11.5 1.5 0 1 0 23 0a11.5 1.5 0 1 0-23 0" opacity=".15"/><path fill="#4aeff7" d="M35 28.83c-.33-3.41 4-5.5 4-5.5v-5s-6.8-2.19-7-7c-.17-4.08 6.08-5.75 11.22-7a.5.5 0 0 0-.13-1C37.7 3.39 28.39 4 21 6.83A20.94 20.94 0 0 0 10.14 16a11.24 11.24 0 0 1-5.81 5l-1.68.61a1 1 0 0 0-.65.94v1a1 1 0 0 0 .79 1l1.52.32a12.46 12.46 0 0 1 7.25 4.67A15.15 15.15 0 0 0 22 35.33a42.5 42.5 0 0 0 16.14-1.57a.49.49 0 0 0 .08-.92A5.24 5.24 0 0 1 35 28.83"/><path fill="#a6fbff" d="m2.79 24.5l1.52.32l.36.09a11.18 11.18 0 0 0 5.47-4.8A20.93 20.93 0 0 1 21 10.92A54.3 54.3 0 0 1 33.66 8c2.18-1.83 6.12-2.87 9.56-3.74a.5.5 0 0 0-.13-1C37.7 3.39 28.39 4 21 6.83A20.94 20.94 0 0 0 10.14 16a11.28 11.28 0 0 1-5.81 5l-1.68.61a1 1 0 0 0-.65.94v1a1 1 0 0 0 .79.95m29.74-11.13a3.6 3.6 0 0 0-.53 2.05c.2 4.8 7 7 7 7v-4.09s-4.85-1.57-6.47-4.96"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M35 28.83c-.33-3.41 4-5.5 4-5.5v-5s-6.8-2.19-7-7c-.17-4.08 6.08-5.75 11.22-7a.5.5 0 0 0-.13-1C37.7 3.39 28.39 4 21 6.83A20.94 20.94 0 0 0 10.14 16a11.24 11.24 0 0 1-5.81 5l-1.68.61a1 1 0 0 0-.65.94v1a1 1 0 0 0 .79 1l1.52.32a12.46 12.46 0 0 1 7.25 4.67A15.15 15.15 0 0 0 22 35.33a42.5 42.5 0 0 0 16.14-1.57a.49.49 0 0 0 .08-.92A5.24 5.24 0 0 1 35 28.83"/><path fill="#f0f0f0" d="M30.9 35.25a36.6 36.6 0 0 1-2.4-13.92a55.7 55.7 0 0 1 2.6-17c-1.43.23-2.88.5-4.31.82a61 61 0 0 0-2.29 16.18a49.6 49.6 0 0 0 2.14 14.23a41 41 0 0 0 4.26-.31"/><path fill="#fff" d="M31.1 4.29c-.36 1.09-.78 2.54-1.17 4.28c-1.4.24-2.8.53-4.19.88c.36-1.76.73-3.23 1-4.34c1.48-.33 2.93-.6 4.36-.82"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M30.9 35.25a36.6 36.6 0 0 1-2.4-13.92a55.7 55.7 0 0 1 2.6-17c-1.43.23-2.88.5-4.31.82a61 61 0 0 0-2.29 16.18a49.6 49.6 0 0 0 2.14 14.23a41 41 0 0 0 4.26-.31"/><path fill="#ffe500" d="M21.5 34.33a42.7 42.7 0 0 1-1-15c.32-4.5.86-9.45 2.53-13.18c-.69.22-1.37.43-2 .68a21.7 21.7 0 0 0-5.15 2.82a53.2 53.2 0 0 0-1.38 12.18c0 10 2 15.16 6 18a13.3 13.3 0 0 0 5.85 2.49a.5.5 0 0 0 .33-.92a11.1 11.1 0 0 1-5.18-7.07"/><path fill="#fff48c" d="M23 6.13a23.3 23.3 0 0 0-1.4 4.57l-.6.22a21.4 21.4 0 0 0-6 3.47a47 47 0 0 1 .87-4.76A21.2 21.2 0 0 1 21 6.84c.66-.25 1.34-.49 2-.71"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M21.5 34.33a42.7 42.7 0 0 1-1-15c.32-4.5.86-9.45 2.53-13.18c-.69.22-1.37.43-2 .68a21.7 21.7 0 0 0-5.15 2.82a53.2 53.2 0 0 0-1.38 12.18c0 10 2 15.16 6 18a13.3 13.3 0 0 0 5.85 2.49a.5.5 0 0 0 .33-.92a11.1 11.1 0 0 1-5.18-7.07"/><path fill="#ffe500" d="M39 18.33c1.92.42 3.83-3.58 5-4s2 2.34 2 6c0 2.75-.25 6.09-1.5 6c-1.52-.1-2.67-4.33-5.5-3Z"/><path fill="#fff48c" d="M45.3 16.44a1 1 0 0 1 .3 0c-.35-1.47-.92-2.31-1.6-2.07c-1.17.42-3.08 4.42-5 4v2.11c2.42.37 4.83-3.63 6.3-4.04"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M39 18.33c1.92.42 3.83-3.58 5-4s2 2.34 2 6c0 2.75-.25 6.09-1.5 6c-1.52-.1-2.67-4.33-5.5-3Z"/><path fill="#45413c" d="M11 20.25a1.08 1.08 0 1 0 2.16 0a1.08 1.08 0 1 0-2.16 0"/><path fill="#fffacf" d="M18.25 24.24a1.32 1.32 0 1 1-1.31-1.32a1.31 1.31 0 0 1 1.31 1.32"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M42 19.33A7.4 7.4 0 0 0 45.88 18M42 21.33s2.85 0 3.92 1.43"/></svg>

Como usar o ícone Tropical Fish

React

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

<Icon icon="streamline-emojis:tropical-fish" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:tropical-fish" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:tropical-fish" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="streamline-emojis:tropical-fish"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/streamline-emojis/tropical-fish.svg" alt="Ícone Tropical Fish" width="24" height="24">

Ícones relacionados em Streamline Emojis

O ícone Tropical Fish em outras coleções

Perguntas frequentes sobre Ícone Tropical Fish

O ícone Tropical Fish é grátis para uso comercial?

Sim. Streamline Emojis icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Tropical Fish no React?

Instale @iconify/react e renderize <Icon icon="streamline-emojis:tropical-fish" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Tropical Fish a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-emojis/tropical-fish.svg" alt="Ícone Tropical Fish">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Streamline Emojis →