Ikon Tropicalfish
fxemoji:tropicalfish
Ikon Tropicalfish (fxemoji:tropicalfish) adalah ikon SVG gratis dari set Firefox OS Emoji karya Mozilla. Ikon ini digambar pada grid 512 × 512. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Firefox OS Emoji
- Pembuat
- Mozilla
- Lisensi
- Apache-2.0
- Ukuran
- 512 × 512
- Kategori
- Alam
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/tropicalfish.svg" alt="Ikon Tropicalfish" width="24" height="24">FAQ Ikon Tropicalfish
Apakah ikon Tropicalfish gratis untuk penggunaan komersial?
Ya. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Tropicalfish di React?
Pasang @iconify/react lalu render <Icon icon="fxemoji:tropicalfish" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Tropicalfish ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fxemoji/tropicalfish.svg" alt="Ikon Tropicalfish">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.