fish emoji
fish from Emoji One (Colored) by Emoji One · Default · Nature · CC-BY-4.0 Attribution required.
- Name
- fish
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Nature
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
fishCarbonfishDeviconfishFont Awesome 6 SolidfishFont Awesome Solidfish-outlineFlowbite IconsfishFluent EmojifishFluent Emoji FlatfishFluent Emoji High ContrastfishFirefox OS EmojifishHuge IconsfishIconParkfishIconPark OutlinefishIconPark SolidfishIconPark TwoTonefishIconoirfishIonIconsfishJam IconsfishLine AwesomefishLucidefishMajesticonsfishMaterial Design Iconsfish-fillMingCute IconfishNoto EmojifishOpenMoji
More nature icons from Emoji One (Colored)
Use the fish emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#728389" d="M58.7 41.5c0-3.5 4.9-11.4 2.6-13.8c-2.5-2.6-8.3 8.5-11.2 8.5c-3.5 0-5.6-4.3-7.3-6.1c-1.4-1.4 2.6-7 .8-7.4c-7.5-1.8-8.5 2.6-12.6 1.5c-3.2-.8-6.5-1.3-9.7-1.3c-12 0-14.3 8.6-16.4 16.6C4.5 40.7 16.6 51 16.6 51s-9.2-5.2-9-4c1.5 6.6 7.7 10.8 14.7 12.4c2 .5 4.1.7 6.1.7c12.8 0 14.8-9.9 21.7-11.1c4.2-.7 8.7 7.4 11.1 4.9c2.6-2.6-2.5-8.3-2.5-12.4"/><g fill="#8d9ba3"><path d="M48.1 60.5c-1.2 1.2-3.6 2.7-6.2 0s-5.4-7.5-4.2-8.7s5.8 1.7 8.4 4.4c2.6 2.6 3.2 3.1 2 4.3"/><ellipse cx="33.4" cy="35.3" rx="2.2" ry="3.2"/><ellipse cx="37.6" cy="39.2" rx="1.2" ry="2.5"/><ellipse cx="39.9" cy="36" rx=".6" ry="1.7"/></g><g fill="#75d6ff"><ellipse cx="5.3" cy="44" rx="1.7" ry="1.8"/><ellipse cx="6.3" cy="23.4" rx="4.3" ry="4.5"/><ellipse cx="12.8" cy="10.3" rx="8" ry="8.3"/></g><ellipse cx="18.7" cy="38.5" fill="#fcfcfa" rx="7.1" ry="7.4"/><ellipse cx="18.7" cy="38.5" fill="#29251c" rx="4.9" ry="5.1"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneFish(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#728389" d="M58.7 41.5c0-3.5 4.9-11.4 2.6-13.8c-2.5-2.6-8.3 8.5-11.2 8.5c-3.5 0-5.6-4.3-7.3-6.1c-1.4-1.4 2.6-7 .8-7.4c-7.5-1.8-8.5 2.6-12.6 1.5c-3.2-.8-6.5-1.3-9.7-1.3c-12 0-14.3 8.6-16.4 16.6C4.5 40.7 16.6 51 16.6 51s-9.2-5.2-9-4c1.5 6.6 7.7 10.8 14.7 12.4c2 .5 4.1.7 6.1.7c12.8 0 14.8-9.9 21.7-11.1c4.2-.7 8.7 7.4 11.1 4.9c2.6-2.6-2.5-8.3-2.5-12.4"/><g fill="#8d9ba3"><path d="M48.1 60.5c-1.2 1.2-3.6 2.7-6.2 0s-5.4-7.5-4.2-8.7s5.8 1.7 8.4 4.4c2.6 2.6 3.2 3.1 2 4.3"/><ellipse cx="33.4" cy="35.3" rx="2.2" ry="3.2"/><ellipse cx="37.6" cy="39.2" rx="1.2" ry="2.5"/><ellipse cx="39.9" cy="36" rx=".6" ry="1.7"/></g><g fill="#75d6ff"><ellipse cx="5.3" cy="44" rx="1.7" ry="1.8"/><ellipse cx="6.3" cy="23.4" rx="4.3" ry="4.5"/><ellipse cx="12.8" cy="10.3" rx="8" ry="8.3"/></g><ellipse cx="18.7" cy="38.5" fill="#fcfcfa" rx="7.1" ry="7.4"/><ellipse cx="18.7" cy="38.5" fill="#29251c" rx="4.9" ry="5.1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#728389" d="M58.7 41.5c0-3.5 4.9-11.4 2.6-13.8c-2.5-2.6-8.3 8.5-11.2 8.5c-3.5 0-5.6-4.3-7.3-6.1c-1.4-1.4 2.6-7 .8-7.4c-7.5-1.8-8.5 2.6-12.6 1.5c-3.2-.8-6.5-1.3-9.7-1.3c-12 0-14.3 8.6-16.4 16.6C4.5 40.7 16.6 51 16.6 51s-9.2-5.2-9-4c1.5 6.6 7.7 10.8 14.7 12.4c2 .5 4.1.7 6.1.7c12.8 0 14.8-9.9 21.7-11.1c4.2-.7 8.7 7.4 11.1 4.9c2.6-2.6-2.5-8.3-2.5-12.4"/><g fill="#8d9ba3"><path d="M48.1 60.5c-1.2 1.2-3.6 2.7-6.2 0s-5.4-7.5-4.2-8.7s5.8 1.7 8.4 4.4c2.6 2.6 3.2 3.1 2 4.3"/><ellipse cx="33.4" cy="35.3" rx="2.2" ry="3.2"/><ellipse cx="37.6" cy="39.2" rx="1.2" ry="2.5"/><ellipse cx="39.9" cy="36" rx=".6" ry="1.7"/></g><g fill="#75d6ff"><ellipse cx="5.3" cy="44" rx="1.7" ry="1.8"/><ellipse cx="6.3" cy="23.4" rx="4.3" ry="4.5"/><ellipse cx="12.8" cy="10.3" rx="8" ry="8.3"/></g><ellipse cx="18.7" cy="38.5" fill="#fcfcfa" rx="7.1" ry="7.4"/><ellipse cx="18.7" cy="38.5" fill="#29251c" rx="4.9" ry="5.1"/></svg> </template>
CSS
.icon-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%2064%2064%22%3E%3Cpath%20fill%3D%22%23728389%22%20d%3D%22M58.7%2041.5c0-3.5%204.9-11.4%202.6-13.8c-2.5-2.6-8.3%208.5-11.2%208.5c-3.5%200-5.6-4.3-7.3-6.1c-1.4-1.4%202.6-7%20.8-7.4c-7.5-1.8-8.5%202.6-12.6%201.5c-3.2-.8-6.5-1.3-9.7-1.3c-12%200-14.3%208.6-16.4%2016.6C4.5%2040.7%2016.6%2051%2016.6%2051s-9.2-5.2-9-4c1.5%206.6%207.7%2010.8%2014.7%2012.4c2%20.5%204.1.7%206.1.7c12.8%200%2014.8-9.9%2021.7-11.1c4.2-.7%208.7%207.4%2011.1%204.9c2.6-2.6-2.5-8.3-2.5-12.4%22%2F%3E%3Cg%20fill%3D%22%238d9ba3%22%3E%3Cpath%20d%3D%22M48.1%2060.5c-1.2%201.2-3.6%202.7-6.2%200s-5.4-7.5-4.2-8.7s5.8%201.7%208.4%204.4c2.6%202.6%203.2%203.1%202%204.3%22%2F%3E%3Cellipse%20cx%3D%2233.4%22%20cy%3D%2235.3%22%20rx%3D%222.2%22%20ry%3D%223.2%22%2F%3E%3Cellipse%20cx%3D%2237.6%22%20cy%3D%2239.2%22%20rx%3D%221.2%22%20ry%3D%222.5%22%2F%3E%3Cellipse%20cx%3D%2239.9%22%20cy%3D%2236%22%20rx%3D%22.6%22%20ry%3D%221.7%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%2375d6ff%22%3E%3Cellipse%20cx%3D%225.3%22%20cy%3D%2244%22%20rx%3D%221.7%22%20ry%3D%221.8%22%2F%3E%3Cellipse%20cx%3D%226.3%22%20cy%3D%2223.4%22%20rx%3D%224.3%22%20ry%3D%224.5%22%2F%3E%3Cellipse%20cx%3D%2212.8%22%20cy%3D%2210.3%22%20rx%3D%228%22%20ry%3D%228.3%22%2F%3E%3C%2Fg%3E%3Cellipse%20cx%3D%2218.7%22%20cy%3D%2238.5%22%20fill%3D%22%23fcfcfa%22%20rx%3D%227.1%22%20ry%3D%227.4%22%2F%3E%3Cellipse%20cx%3D%2218.7%22%20cy%3D%2238.5%22%20fill%3D%22%2329251c%22%20rx%3D%224.9%22%20ry%3D%225.1%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23728389%22%20d%3D%22M58.7%2041.5c0-3.5%204.9-11.4%202.6-13.8c-2.5-2.6-8.3%208.5-11.2%208.5c-3.5%200-5.6-4.3-7.3-6.1c-1.4-1.4%202.6-7%20.8-7.4c-7.5-1.8-8.5%202.6-12.6%201.5c-3.2-.8-6.5-1.3-9.7-1.3c-12%200-14.3%208.6-16.4%2016.6C4.5%2040.7%2016.6%2051%2016.6%2051s-9.2-5.2-9-4c1.5%206.6%207.7%2010.8%2014.7%2012.4c2%20.5%204.1.7%206.1.7c12.8%200%2014.8-9.9%2021.7-11.1c4.2-.7%208.7%207.4%2011.1%204.9c2.6-2.6-2.5-8.3-2.5-12.4%22%2F%3E%3Cg%20fill%3D%22%238d9ba3%22%3E%3Cpath%20d%3D%22M48.1%2060.5c-1.2%201.2-3.6%202.7-6.2%200s-5.4-7.5-4.2-8.7s5.8%201.7%208.4%204.4c2.6%202.6%203.2%203.1%202%204.3%22%2F%3E%3Cellipse%20cx%3D%2233.4%22%20cy%3D%2235.3%22%20rx%3D%222.2%22%20ry%3D%223.2%22%2F%3E%3Cellipse%20cx%3D%2237.6%22%20cy%3D%2239.2%22%20rx%3D%221.2%22%20ry%3D%222.5%22%2F%3E%3Cellipse%20cx%3D%2239.9%22%20cy%3D%2236%22%20rx%3D%22.6%22%20ry%3D%221.7%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%2375d6ff%22%3E%3Cellipse%20cx%3D%225.3%22%20cy%3D%2244%22%20rx%3D%221.7%22%20ry%3D%221.8%22%2F%3E%3Cellipse%20cx%3D%226.3%22%20cy%3D%2223.4%22%20rx%3D%224.3%22%20ry%3D%224.5%22%2F%3E%3Cellipse%20cx%3D%2212.8%22%20cy%3D%2210.3%22%20rx%3D%228%22%20ry%3D%228.3%22%2F%3E%3C%2Fg%3E%3Cellipse%20cx%3D%2218.7%22%20cy%3D%2238.5%22%20fill%3D%22%23fcfcfa%22%20rx%3D%227.1%22%20ry%3D%227.4%22%2F%3E%3Cellipse%20cx%3D%2218.7%22%20cy%3D%2238.5%22%20fill%3D%22%2329251c%22%20rx%3D%224.9%22%20ry%3D%225.1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/fish.svg?color=%231a73e8&size=48
