tropical fish emoji
tropical-fish from Fluent Emoji High Contrast by Microsoft Corporation · Default · Animals & Nature · MIT Free for personal and commercial use.
- Name
- tropical-fish
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More animals & nature icons from Fluent Emoji High Contrast
Use the tropical fish emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M18.5 15.578c0-1.045-1.242-1.59-2.012-.884l-2.998 2.754a1.5 1.5 0 0 0 .016 2.223l2.994 2.675c.774.691 2 .142 2-.894zm-1.335-.147a.2.2 0 0 1 .335.147v5.874a.2.2 0 0 1-.333.149l-2.995-2.676a.5.5 0 0 1-.005-.741zm-9.053 1.555a1.095 1.095 0 1 1-2.19 0a1.095 1.095 0 0 1 2.19 0"/><path d="M14.938 6.008V6H23a4 4 0 0 1 4 4v4.742a3.6 3.6 0 0 1 2.094-.648c.197 0 .47.018.75.131c.307.125.561.338.745.63c.314.5.38 1.177.38 1.895v5.358l-.004.045a2.13 2.13 0 0 1-.57 1.24c-.402.426-.99.7-1.739.7c-.61 0-1.172-.236-1.656-.6V27a4 4 0 0 1-4 4h-8.062v-.008Q14.719 31 14.5 31C8.446 31 3.398 26.697 2.247 20.983a1.055 1.055 0 0 1-.528-2.037a1.055 1.055 0 0 1 .384-2.054C2.892 10.748 8.14 6 14.5 6q.219 0 .438.008M14.5 8c-2.714 0-5.188 1.03-7.052 2.72a10.78 10.78 0 0 1 3.24 7.718a10.78 10.78 0 0 1-3.306 7.781A10.46 10.46 0 0 0 14.5 29c5.673 0 10.295-4.498 10.493-10.123a4 4 0 0 1 .007-.454C24.958 12.659 20.273 8 14.5 8m6.785 0A12.6 12.6 0 0 1 25 11.715V10a2 2 0 0 0-2-2zM25 25.285A12.6 12.6 0 0 1 21.285 29H23a2 2 0 0 0 2-2zm2-6.784v.441c0 1.006.302 1.843.693 2.406c.419.605.818.746.963.746a.6.6 0 0 0 .225-.035a.2.2 0 0 0 .057-.038a.2.2 0 0 0 .03-.046V16.75c0-.296-.014-.504-.036-.65c-.607.055-1.079.415-1.431.97A3.4 3.4 0 0 0 27 18.502m-23 0a10.46 10.46 0 0 0 2.68 7.006a9.78 9.78 0 0 0 3.008-7.07a9.78 9.78 0 0 0-2.948-7.01q-.201.22-.39.452A10.46 10.46 0 0 0 4 18.5"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastTropicalFish(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M18.5 15.578c0-1.045-1.242-1.59-2.012-.884l-2.998 2.754a1.5 1.5 0 0 0 .016 2.223l2.994 2.675c.774.691 2 .142 2-.894zm-1.335-.147a.2.2 0 0 1 .335.147v5.874a.2.2 0 0 1-.333.149l-2.995-2.676a.5.5 0 0 1-.005-.741zm-9.053 1.555a1.095 1.095 0 1 1-2.19 0a1.095 1.095 0 0 1 2.19 0"/><path d="M14.938 6.008V6H23a4 4 0 0 1 4 4v4.742a3.6 3.6 0 0 1 2.094-.648c.197 0 .47.018.75.131c.307.125.561.338.745.63c.314.5.38 1.177.38 1.895v5.358l-.004.045a2.13 2.13 0 0 1-.57 1.24c-.402.426-.99.7-1.739.7c-.61 0-1.172-.236-1.656-.6V27a4 4 0 0 1-4 4h-8.062v-.008Q14.719 31 14.5 31C8.446 31 3.398 26.697 2.247 20.983a1.055 1.055 0 0 1-.528-2.037a1.055 1.055 0 0 1 .384-2.054C2.892 10.748 8.14 6 14.5 6q.219 0 .438.008M14.5 8c-2.714 0-5.188 1.03-7.052 2.72a10.78 10.78 0 0 1 3.24 7.718a10.78 10.78 0 0 1-3.306 7.781A10.46 10.46 0 0 0 14.5 29c5.673 0 10.295-4.498 10.493-10.123a4 4 0 0 1 .007-.454C24.958 12.659 20.273 8 14.5 8m6.785 0A12.6 12.6 0 0 1 25 11.715V10a2 2 0 0 0-2-2zM25 25.285A12.6 12.6 0 0 1 21.285 29H23a2 2 0 0 0 2-2zm2-6.784v.441c0 1.006.302 1.843.693 2.406c.419.605.818.746.963.746a.6.6 0 0 0 .225-.035a.2.2 0 0 0 .057-.038a.2.2 0 0 0 .03-.046V16.75c0-.296-.014-.504-.036-.65c-.607.055-1.079.415-1.431.97A3.4 3.4 0 0 0 27 18.502m-23 0a10.46 10.46 0 0 0 2.68 7.006a9.78 9.78 0 0 0 3.008-7.07a9.78 9.78 0 0 0-2.948-7.01q-.201.22-.39.452A10.46 10.46 0 0 0 4 18.5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M18.5 15.578c0-1.045-1.242-1.59-2.012-.884l-2.998 2.754a1.5 1.5 0 0 0 .016 2.223l2.994 2.675c.774.691 2 .142 2-.894zm-1.335-.147a.2.2 0 0 1 .335.147v5.874a.2.2 0 0 1-.333.149l-2.995-2.676a.5.5 0 0 1-.005-.741zm-9.053 1.555a1.095 1.095 0 1 1-2.19 0a1.095 1.095 0 0 1 2.19 0"/><path d="M14.938 6.008V6H23a4 4 0 0 1 4 4v4.742a3.6 3.6 0 0 1 2.094-.648c.197 0 .47.018.75.131c.307.125.561.338.745.63c.314.5.38 1.177.38 1.895v5.358l-.004.045a2.13 2.13 0 0 1-.57 1.24c-.402.426-.99.7-1.739.7c-.61 0-1.172-.236-1.656-.6V27a4 4 0 0 1-4 4h-8.062v-.008Q14.719 31 14.5 31C8.446 31 3.398 26.697 2.247 20.983a1.055 1.055 0 0 1-.528-2.037a1.055 1.055 0 0 1 .384-2.054C2.892 10.748 8.14 6 14.5 6q.219 0 .438.008M14.5 8c-2.714 0-5.188 1.03-7.052 2.72a10.78 10.78 0 0 1 3.24 7.718a10.78 10.78 0 0 1-3.306 7.781A10.46 10.46 0 0 0 14.5 29c5.673 0 10.295-4.498 10.493-10.123a4 4 0 0 1 .007-.454C24.958 12.659 20.273 8 14.5 8m6.785 0A12.6 12.6 0 0 1 25 11.715V10a2 2 0 0 0-2-2zM25 25.285A12.6 12.6 0 0 1 21.285 29H23a2 2 0 0 0 2-2zm2-6.784v.441c0 1.006.302 1.843.693 2.406c.419.605.818.746.963.746a.6.6 0 0 0 .225-.035a.2.2 0 0 0 .057-.038a.2.2 0 0 0 .03-.046V16.75c0-.296-.014-.504-.036-.65c-.607.055-1.079.415-1.431.97A3.4 3.4 0 0 0 27 18.502m-23 0a10.46 10.46 0 0 0 2.68 7.006a9.78 9.78 0 0 0 3.008-7.07a9.78 9.78 0 0 0-2.948-7.01q-.201.22-.39.452A10.46 10.46 0 0 0 4 18.5"/></g></svg> </template>
CSS
.icon-tropical-fish {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M18.5%2015.578c0-1.045-1.242-1.59-2.012-.884l-2.998%202.754a1.5%201.5%200%200%200%20.016%202.223l2.994%202.675c.774.691%202%20.142%202-.894zm-1.335-.147a.2.2%200%200%201%20.335.147v5.874a.2.2%200%200%201-.333.149l-2.995-2.676a.5.5%200%200%201-.005-.741zm-9.053%201.555a1.095%201.095%200%201%201-2.19%200a1.095%201.095%200%200%201%202.19%200%22%2F%3E%3Cpath%20d%3D%22M14.938%206.008V6H23a4%204%200%200%201%204%204v4.742a3.6%203.6%200%200%201%202.094-.648c.197%200%20.47.018.75.131c.307.125.561.338.745.63c.314.5.38%201.177.38%201.895v5.358l-.004.045a2.13%202.13%200%200%201-.57%201.24c-.402.426-.99.7-1.739.7c-.61%200-1.172-.236-1.656-.6V27a4%204%200%200%201-4%204h-8.062v-.008Q14.719%2031%2014.5%2031C8.446%2031%203.398%2026.697%202.247%2020.983a1.055%201.055%200%200%201-.528-2.037a1.055%201.055%200%200%201%20.384-2.054C2.892%2010.748%208.14%206%2014.5%206q.219%200%20.438.008M14.5%208c-2.714%200-5.188%201.03-7.052%202.72a10.78%2010.78%200%200%201%203.24%207.718a10.78%2010.78%200%200%201-3.306%207.781A10.46%2010.46%200%200%200%2014.5%2029c5.673%200%2010.295-4.498%2010.493-10.123a4%204%200%200%201%20.007-.454C24.958%2012.659%2020.273%208%2014.5%208m6.785%200A12.6%2012.6%200%200%201%2025%2011.715V10a2%202%200%200%200-2-2zM25%2025.285A12.6%2012.6%200%200%201%2021.285%2029H23a2%202%200%200%200%202-2zm2-6.784v.441c0%201.006.302%201.843.693%202.406c.419.605.818.746.963.746a.6.6%200%200%200%20.225-.035a.2.2%200%200%200%20.057-.038a.2.2%200%200%200%20.03-.046V16.75c0-.296-.014-.504-.036-.65c-.607.055-1.079.415-1.431.97A3.4%203.4%200%200%200%2027%2018.502m-23%200a10.46%2010.46%200%200%200%202.68%207.006a9.78%209.78%200%200%200%203.008-7.07a9.78%209.78%200%200%200-2.948-7.01q-.201.22-.39.452A10.46%2010.46%200%200%200%204%2018.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M18.5%2015.578c0-1.045-1.242-1.59-2.012-.884l-2.998%202.754a1.5%201.5%200%200%200%20.016%202.223l2.994%202.675c.774.691%202%20.142%202-.894zm-1.335-.147a.2.2%200%200%201%20.335.147v5.874a.2.2%200%200%201-.333.149l-2.995-2.676a.5.5%200%200%201-.005-.741zm-9.053%201.555a1.095%201.095%200%201%201-2.19%200a1.095%201.095%200%200%201%202.19%200%22%2F%3E%3Cpath%20d%3D%22M14.938%206.008V6H23a4%204%200%200%201%204%204v4.742a3.6%203.6%200%200%201%202.094-.648c.197%200%20.47.018.75.131c.307.125.561.338.745.63c.314.5.38%201.177.38%201.895v5.358l-.004.045a2.13%202.13%200%200%201-.57%201.24c-.402.426-.99.7-1.739.7c-.61%200-1.172-.236-1.656-.6V27a4%204%200%200%201-4%204h-8.062v-.008Q14.719%2031%2014.5%2031C8.446%2031%203.398%2026.697%202.247%2020.983a1.055%201.055%200%200%201-.528-2.037a1.055%201.055%200%200%201%20.384-2.054C2.892%2010.748%208.14%206%2014.5%206q.219%200%20.438.008M14.5%208c-2.714%200-5.188%201.03-7.052%202.72a10.78%2010.78%200%200%201%203.24%207.718a10.78%2010.78%200%200%201-3.306%207.781A10.46%2010.46%200%200%200%2014.5%2029c5.673%200%2010.295-4.498%2010.493-10.123a4%204%200%200%201%20.007-.454C24.958%2012.659%2020.273%208%2014.5%208m6.785%200A12.6%2012.6%200%200%201%2025%2011.715V10a2%202%200%200%200-2-2zM25%2025.285A12.6%2012.6%200%200%201%2021.285%2029H23a2%202%200%200%200%202-2zm2-6.784v.441c0%201.006.302%201.843.693%202.406c.419.605.818.746.963.746a.6.6%200%200%200%20.225-.035a.2.2%200%200%200%20.057-.038a.2.2%200%200%200%20.03-.046V16.75c0-.296-.014-.504-.036-.65c-.607.055-1.079.415-1.431.97A3.4%203.4%200%200%200%2027%2018.502m-23%200a10.46%2010.46%200%200%200%202.68%207.006a9.78%209.78%200%200%200%203.008-7.07a9.78%209.78%200%200%200-2.948-7.01q-.201.22-.39.452A10.46%2010.46%200%200%200%204%2018.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/tropical-fish.svg?color=%231a73e8&size=48
