tropical fish emoji
tropical-fish from Twitter Emoji by Twitter · Default · Animals & Nature · CC-BY-4.0 Attribution required.
- Name
- tropical-fish
- Set
- Twitter Emoji
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More animals & nature icons from Twitter Emoji
Use the tropical fish emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffac33" d="M8.231 10c6-8 14-10 18-10c1 0 1 1 0 1s-6 2-7 9s-11 0-11 0m-1 18c4 3 13 8 18 8c3 0 2-1 1-1s-9-3-10-7s-9 0-9 0"/><path fill="#ffcc4d" d="M35 9c-1.611 0-4.059 2.972-5.268 6.294c-1.475-5.62-6.166-10.739-12.945-10.739c-8.273 0-12.061 10.216-14.524 14.479c-.629 1.091-4.091 1.034-.989 3.103c-3.103 2.068.449 2.243 1.222 3.103c2.625 2.92 8.997 6.205 14.291 6.205c5.655 0 11.12-3.786 12.863-8.958C30.828 25.896 33.353 29 35 29c2.209 0-2-5.582-2-10s4.209-10 2-10"/><g fill="#f4900c"><path d="M18.001 17.967a1 1 0 0 0 .966 1.032l.034.001a1 1 0 0 0 .998-.967c.201-6.065 5.758-8.816 6.35-9.092a14 14 0 0 0-1.51-1.467c-1.885 1.057-6.634 4.323-6.838 10.493m5.018-2.163a1 1 0 0 0 1.962.392c.516-2.581 2.296-3.574 3.592-3.956a16 16 0 0 0-1.028-1.768c-1.877.691-3.908 2.246-4.526 5.332"/><path d="M13 20a1 1 0 1 0 2 0c0-8.97 5.841-12.544 8.266-13.641a12.4 12.4 0 0 0-2.205-1.067C17.888 7.169 13 11.446 13 20"/></g><circle cx="9.5" cy="15.5" r="1.5" fill="#292f33"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiTropicalFish(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffac33" d="M8.231 10c6-8 14-10 18-10c1 0 1 1 0 1s-6 2-7 9s-11 0-11 0m-1 18c4 3 13 8 18 8c3 0 2-1 1-1s-9-3-10-7s-9 0-9 0"/><path fill="#ffcc4d" d="M35 9c-1.611 0-4.059 2.972-5.268 6.294c-1.475-5.62-6.166-10.739-12.945-10.739c-8.273 0-12.061 10.216-14.524 14.479c-.629 1.091-4.091 1.034-.989 3.103c-3.103 2.068.449 2.243 1.222 3.103c2.625 2.92 8.997 6.205 14.291 6.205c5.655 0 11.12-3.786 12.863-8.958C30.828 25.896 33.353 29 35 29c2.209 0-2-5.582-2-10s4.209-10 2-10"/><g fill="#f4900c"><path d="M18.001 17.967a1 1 0 0 0 .966 1.032l.034.001a1 1 0 0 0 .998-.967c.201-6.065 5.758-8.816 6.35-9.092a14 14 0 0 0-1.51-1.467c-1.885 1.057-6.634 4.323-6.838 10.493m5.018-2.163a1 1 0 0 0 1.962.392c.516-2.581 2.296-3.574 3.592-3.956a16 16 0 0 0-1.028-1.768c-1.877.691-3.908 2.246-4.526 5.332"/><path d="M13 20a1 1 0 1 0 2 0c0-8.97 5.841-12.544 8.266-13.641a12.4 12.4 0 0 0-2.205-1.067C17.888 7.169 13 11.446 13 20"/></g><circle cx="9.5" cy="15.5" r="1.5" fill="#292f33"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffac33" d="M8.231 10c6-8 14-10 18-10c1 0 1 1 0 1s-6 2-7 9s-11 0-11 0m-1 18c4 3 13 8 18 8c3 0 2-1 1-1s-9-3-10-7s-9 0-9 0"/><path fill="#ffcc4d" d="M35 9c-1.611 0-4.059 2.972-5.268 6.294c-1.475-5.62-6.166-10.739-12.945-10.739c-8.273 0-12.061 10.216-14.524 14.479c-.629 1.091-4.091 1.034-.989 3.103c-3.103 2.068.449 2.243 1.222 3.103c2.625 2.92 8.997 6.205 14.291 6.205c5.655 0 11.12-3.786 12.863-8.958C30.828 25.896 33.353 29 35 29c2.209 0-2-5.582-2-10s4.209-10 2-10"/><g fill="#f4900c"><path d="M18.001 17.967a1 1 0 0 0 .966 1.032l.034.001a1 1 0 0 0 .998-.967c.201-6.065 5.758-8.816 6.35-9.092a14 14 0 0 0-1.51-1.467c-1.885 1.057-6.634 4.323-6.838 10.493m5.018-2.163a1 1 0 0 0 1.962.392c.516-2.581 2.296-3.574 3.592-3.956a16 16 0 0 0-1.028-1.768c-1.877.691-3.908 2.246-4.526 5.332"/><path d="M13 20a1 1 0 1 0 2 0c0-8.97 5.841-12.544 8.266-13.641a12.4 12.4 0 0 0-2.205-1.067C17.888 7.169 13 11.446 13 20"/></g><circle cx="9.5" cy="15.5" r="1.5" fill="#292f33"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M8.231%2010c6-8%2014-10%2018-10c1%200%201%201%200%201s-6%202-7%209s-11%200-11%200m-1%2018c4%203%2013%208%2018%208c3%200%202-1%201-1s-9-3-10-7s-9%200-9%200%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M35%209c-1.611%200-4.059%202.972-5.268%206.294c-1.475-5.62-6.166-10.739-12.945-10.739c-8.273%200-12.061%2010.216-14.524%2014.479c-.629%201.091-4.091%201.034-.989%203.103c-3.103%202.068.449%202.243%201.222%203.103c2.625%202.92%208.997%206.205%2014.291%206.205c5.655%200%2011.12-3.786%2012.863-8.958C30.828%2025.896%2033.353%2029%2035%2029c2.209%200-2-5.582-2-10s4.209-10%202-10%22%2F%3E%3Cg%20fill%3D%22%23f4900c%22%3E%3Cpath%20d%3D%22M18.001%2017.967a1%201%200%200%200%20.966%201.032l.034.001a1%201%200%200%200%20.998-.967c.201-6.065%205.758-8.816%206.35-9.092a14%2014%200%200%200-1.51-1.467c-1.885%201.057-6.634%204.323-6.838%2010.493m5.018-2.163a1%201%200%200%200%201.962.392c.516-2.581%202.296-3.574%203.592-3.956a16%2016%200%200%200-1.028-1.768c-1.877.691-3.908%202.246-4.526%205.332%22%2F%3E%3Cpath%20d%3D%22M13%2020a1%201%200%201%200%202%200c0-8.97%205.841-12.544%208.266-13.641a12.4%2012.4%200%200%200-2.205-1.067C17.888%207.169%2013%2011.446%2013%2020%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%229.5%22%20cy%3D%2215.5%22%20r%3D%221.5%22%20fill%3D%22%23292f33%22%2F%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M8.231%2010c6-8%2014-10%2018-10c1%200%201%201%200%201s-6%202-7%209s-11%200-11%200m-1%2018c4%203%2013%208%2018%208c3%200%202-1%201-1s-9-3-10-7s-9%200-9%200%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M35%209c-1.611%200-4.059%202.972-5.268%206.294c-1.475-5.62-6.166-10.739-12.945-10.739c-8.273%200-12.061%2010.216-14.524%2014.479c-.629%201.091-4.091%201.034-.989%203.103c-3.103%202.068.449%202.243%201.222%203.103c2.625%202.92%208.997%206.205%2014.291%206.205c5.655%200%2011.12-3.786%2012.863-8.958C30.828%2025.896%2033.353%2029%2035%2029c2.209%200-2-5.582-2-10s4.209-10%202-10%22%2F%3E%3Cg%20fill%3D%22%23f4900c%22%3E%3Cpath%20d%3D%22M18.001%2017.967a1%201%200%200%200%20.966%201.032l.034.001a1%201%200%200%200%20.998-.967c.201-6.065%205.758-8.816%206.35-9.092a14%2014%200%200%200-1.51-1.467c-1.885%201.057-6.634%204.323-6.838%2010.493m5.018-2.163a1%201%200%200%200%201.962.392c.516-2.581%202.296-3.574%203.592-3.956a16%2016%200%200%200-1.028-1.768c-1.877.691-3.908%202.246-4.526%205.332%22%2F%3E%3Cpath%20d%3D%22M13%2020a1%201%200%201%200%202%200c0-8.97%205.841-12.544%208.266-13.641a12.4%2012.4%200%200%200-2.205-1.067C17.888%207.169%2013%2011.446%2013%2020%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%229.5%22%20cy%3D%2215.5%22%20r%3D%221.5%22%20fill%3D%22%23292f33%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/tropical-fish.svg?color=%231a73e8&size=48
