Icono Tropicalfish

fxemoji:tropicalfish

El icono Tropicalfish (fxemoji:tropicalfish) es un icono SVG gratuito de la colección Firefox OS Emoji de Mozilla. Está dibujado en una cuadrícula de 512 × 512. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Firefox OS Emoji
Autor: Mozilla
Licencia: Apache-2.0
Tamaño: 512 × 512
Categoría: Naturaleza

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#597B91" d="M146.163 157.793c39.665-39.665 82.726-51.891 126.903-55.662c73.53-6.268 107.575 14.745 122.636 45.293c15.069 30.547-14.003 73.918-14.003 73.918"/><path fill="#00B89C" d="M171.446 350.718c25.698 20.717 33.908 60.259 12.522 60.259s-51.409-49.552-60.944-76.12m209.64-65.82c-38.773-18.27-84.087-3.612-101.213 32.743c-17.134 36.348.41 80.632 39.182 98.896c38.773 18.27 84.086 3.612 101.213-32.743c17.134-36.347-.41-80.625-39.182-98.896m28.22-26.887s29.072-48.149 14.003-82.072c-15.061-33.922-49.106-57.252-122.636-50.294c-44.177 4.188-87.238 17.76-126.903 61.807"/><path fill="#15E5C2" d="M485.104 212.418c-3.598-3.814-9.154-5.038-13.982-3.016l-33.332 13.953v-.002l-9.563 4.003l-.001-.002c-20.524 8.593-19.962-3.936-32.642-18.918l-.015-.016c-29.221-40.718-88.972-68.624-157.94-68.624c-65.381 0-122.475 25.08-153.13 62.379c-24.158 23.541-50.058 39.969-66.339 46.482C10.792 251.608 6 258.768 6 266.698a17.88 17.88 0 0 0 10.218 16.156c15.469 7.331 45.437 23.147 68.399 45.171c30.683 37.221 87.714 62.239 153.013 62.239c70.424 0 131.241-29.096 159.752-71.221c9.741-12.507 11.143-22.554 25.359-18.633l19.776 8.282l.001-.004l28.604 11.974c4.828 2.022 10.384.791 13.982-3.016c12.953-13.737 20.89-32.245 20.89-52.618c0-20.365-7.937-38.873-20.89-52.61"/><path fill="#597B91" d="M485.103 212.417c-3.591-3.813-9.154-5.037-13.982-3.015l-15.615 6.534s13.759 24.935 13.759 52.59c0 27.654-9.089 47.551-9.089 47.551l10.945 4.585c4.829 2.022 10.391.791 13.982-3.016C498.055 303.909 506 285.401 506 265.028c0-20.365-7.945-38.873-20.897-52.611"/><path fill="#2B3B47" d="M101.57 221.339c7.462 0 13.521 6.045 13.521 13.537v16.615c0 7.476-6.059 13.536-13.521 13.536c-7.477 0-13.536-6.059-13.536-13.536v-16.615c-.001-7.491 6.059-13.537 13.536-13.537"/><path fill="#AEFFEF" d="M307.854 176.42c5.419 3.865 1.151 8.6-5.217 6.664c-14.745-4.491-38.369-8.153-65.002-8.153s-50.257 3.662-65.002 8.153c-6.369 1.936-10.636-2.799-5.217-6.664c13.96-9.945 40.176-17.119 70.219-17.119c30.036 0 56.259 7.174 70.219 17.119"/><path fill="#00B89C" d="m168.249 317.886l39.118 16.378c2.986 1.246 6.412.49 8.628-1.863c7.995-8.47 12.895-19.89 12.895-32.454c0-12.572-4.9-23.985-12.895-32.461c-2.216-2.346-5.642-3.109-8.628-1.857L168.249 282a7.71 7.71 0 0 0-4.728 7.11v21.667a7.71 7.71 0 0 0 4.728 7.109"/><path fill="#597B91" d="M49.078 268.581a2.81 2.81 0 0 0-2.586-2.796v-.028H6v5.648h40.492v-.027a2.81 2.81 0 0 0 2.586-2.797"/></svg>

Cómo usar el icono Tropicalfish

React

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

<Icon icon="fxemoji:tropicalfish" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:tropicalfish" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:tropicalfish" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--tropicalfish]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="fxemoji:tropicalfish"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/fxemoji/tropicalfish.svg" alt="Icono Tropicalfish" width="24" height="24">

Preguntas frecuentes sobre Icono Tropicalfish

¿El icono Tropicalfish es gratis para uso comercial?

Sí. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Tropicalfish en React?

Instala @iconify/react y renderiza <Icon icon="fxemoji:tropicalfish" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Tropicalfish a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fxemoji/tropicalfish.svg" alt="Icono Tropicalfish">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Firefox OS Emoji →