fish icon
fish from IconPark by ByteDance · Color · Foods · Apache-2.0 Free for personal and commercial use.
- Name
- fish
- Set
- IconPark
- Style
- Color
- Category
- Foods
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
fishCarbonfishDeviconfishEmoji One (Colored)fishFont Awesome 6 SolidfishFont Awesome Solidfish-outlineFlowbite IconsfishFluent EmojifishFluent Emoji FlatfishFluent Emoji High ContrastfishFirefox OS EmojifishHuge IconsfishIconPark OutlinefishIconPark SolidfishIconPark TwoTonefishIconoirfishIonIconsfishJam IconsfishLine AwesomefishLucidefishMajesticonsfishMaterial Design Iconsfish-fillMingCute IconfishNoto EmojifishOpenMoji
More foods icons from IconPark
Use the fish icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M15.3808 32.844C9.72351 31.4294 0.531437 34.9652 9.72365 38.5006C13.2595 47.6933 16.7947 38.5006 15.3808 32.844Z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M22.4823 10.2475C17.5789 10.2344 11.2504 11.7843 10.4533 13.9754C9.87553 15.5637 12.878 17.6767 16.7036 18.7932"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M37.9776 25.7423C37.9907 30.6457 36.4407 36.9742 34.2497 37.7713C32.6614 38.3491 30.5484 35.3466 29.4319 31.521"/><path fill="#2F88FF" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M37.9993 25.7646C44.6625 19.6999 40.1249 8.0912 40.1249 8.0912C40.1249 8.0912 28.1079 4.55954 22.4511 10.2164C16.7942 15.8732 15.38 32.8438 15.38 32.8438C15.38 32.8438 31.3362 31.8294 37.9993 25.7646Z"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M38.0075 25.7731C38.0075 25.7731 31.29 24.7125 27.4009 20.8234C23.5118 16.9343 22.4512 10.2168 22.4512 10.2168"/><circle cx="33.766" cy="14.459" r="2" fill="#fff" transform="rotate(45 33.766 14.46)"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M40.9998 20.9447C40.4591 22.7043 39.5215 24.3792 37.9993 25.7647C36.3518 27.2642 34.1363 28.4549 31.7344 29.3979"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M27.0002 7.65642C25.3026 8.14453 23.7176 8.9504 22.4513 10.2167C21.2665 11.4015 20.2678 13.0826 19.4293 15"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkFish(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4" d="M15.3808 32.844C9.72351 31.4294 0.531437 34.9652 9.72365 38.5006C13.2595 47.6933 16.7947 38.5006 15.3808 32.844Z"/><path stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4" d="M22.4823 10.2475C17.5789 10.2344 11.2504 11.7843 10.4533 13.9754C9.87553 15.5637 12.878 17.6767 16.7036 18.7932"/><path stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4" d="M37.9776 25.7423C37.9907 30.6457 36.4407 36.9742 34.2497 37.7713C32.6614 38.3491 30.5484 35.3466 29.4319 31.521"/><path fill="#2F88FF" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4" d="M37.9993 25.7646C44.6625 19.6999 40.1249 8.0912 40.1249 8.0912C40.1249 8.0912 28.1079 4.55954 22.4511 10.2164C16.7942 15.8732 15.38 32.8438 15.38 32.8438C15.38 32.8438 31.3362 31.8294 37.9993 25.7646Z"/><path stroke="#fff" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4" d="M38.0075 25.7731C38.0075 25.7731 31.29 24.7125 27.4009 20.8234C23.5118 16.9343 22.4512 10.2168 22.4512 10.2168"/><circle cx="33.766" cy="14.459" r="2" fill="#fff" transform="rotate(45 33.766 14.46)"/><path stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4" d="M40.9998 20.9447C40.4591 22.7043 39.5215 24.3792 37.9993 25.7647C36.3518 27.2642 34.1363 28.4549 31.7344 29.3979"/><path stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4" d="M27.0002 7.65642C25.3026 8.14453 23.7176 8.9504 22.4513 10.2167C21.2665 11.4015 20.2678 13.0826 19.4293 15"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M15.3808 32.844C9.72351 31.4294 0.531437 34.9652 9.72365 38.5006C13.2595 47.6933 16.7947 38.5006 15.3808 32.844Z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M22.4823 10.2475C17.5789 10.2344 11.2504 11.7843 10.4533 13.9754C9.87553 15.5637 12.878 17.6767 16.7036 18.7932"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M37.9776 25.7423C37.9907 30.6457 36.4407 36.9742 34.2497 37.7713C32.6614 38.3491 30.5484 35.3466 29.4319 31.521"/><path fill="#2F88FF" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M37.9993 25.7646C44.6625 19.6999 40.1249 8.0912 40.1249 8.0912C40.1249 8.0912 28.1079 4.55954 22.4511 10.2164C16.7942 15.8732 15.38 32.8438 15.38 32.8438C15.38 32.8438 31.3362 31.8294 37.9993 25.7646Z"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M38.0075 25.7731C38.0075 25.7731 31.29 24.7125 27.4009 20.8234C23.5118 16.9343 22.4512 10.2168 22.4512 10.2168"/><circle cx="33.766" cy="14.459" r="2" fill="#fff" transform="rotate(45 33.766 14.46)"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M40.9998 20.9447C40.4591 22.7043 39.5215 24.3792 37.9993 25.7647C36.3518 27.2642 34.1363 28.4549 31.7344 29.3979"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M27.0002 7.65642C25.3026 8.14453 23.7176 8.9504 22.4513 10.2167C21.2665 11.4015 20.2678 13.0826 19.4293 15"/></g></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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M15.3808%2032.844C9.72351%2031.4294%200.531437%2034.9652%209.72365%2038.5006C13.2595%2047.6933%2016.7947%2038.5006%2015.3808%2032.844Z%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M22.4823%2010.2475C17.5789%2010.2344%2011.2504%2011.7843%2010.4533%2013.9754C9.87553%2015.5637%2012.878%2017.6767%2016.7036%2018.7932%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M37.9776%2025.7423C37.9907%2030.6457%2036.4407%2036.9742%2034.2497%2037.7713C32.6614%2038.3491%2030.5484%2035.3466%2029.4319%2031.521%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M37.9993%2025.7646C44.6625%2019.6999%2040.1249%208.0912%2040.1249%208.0912C40.1249%208.0912%2028.1079%204.55954%2022.4511%2010.2164C16.7942%2015.8732%2015.38%2032.8438%2015.38%2032.8438C15.38%2032.8438%2031.3362%2031.8294%2037.9993%2025.7646Z%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M38.0075%2025.7731C38.0075%2025.7731%2031.29%2024.7125%2027.4009%2020.8234C23.5118%2016.9343%2022.4512%2010.2168%2022.4512%2010.2168%22%2F%3E%3Ccircle%20cx%3D%2233.766%22%20cy%3D%2214.459%22%20r%3D%222%22%20fill%3D%22%23fff%22%20transform%3D%22rotate(45%2033.766%2014.46)%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M40.9998%2020.9447C40.4591%2022.7043%2039.5215%2024.3792%2037.9993%2025.7647C36.3518%2027.2642%2034.1363%2028.4549%2031.7344%2029.3979%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M27.0002%207.65642C25.3026%208.14453%2023.7176%208.9504%2022.4513%2010.2167C21.2665%2011.4015%2020.2678%2013.0826%2019.4293%2015%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M15.3808%2032.844C9.72351%2031.4294%200.531437%2034.9652%209.72365%2038.5006C13.2595%2047.6933%2016.7947%2038.5006%2015.3808%2032.844Z%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M22.4823%2010.2475C17.5789%2010.2344%2011.2504%2011.7843%2010.4533%2013.9754C9.87553%2015.5637%2012.878%2017.6767%2016.7036%2018.7932%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M37.9776%2025.7423C37.9907%2030.6457%2036.4407%2036.9742%2034.2497%2037.7713C32.6614%2038.3491%2030.5484%2035.3466%2029.4319%2031.521%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M37.9993%2025.7646C44.6625%2019.6999%2040.1249%208.0912%2040.1249%208.0912C40.1249%208.0912%2028.1079%204.55954%2022.4511%2010.2164C16.7942%2015.8732%2015.38%2032.8438%2015.38%2032.8438C15.38%2032.8438%2031.3362%2031.8294%2037.9993%2025.7646Z%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M38.0075%2025.7731C38.0075%2025.7731%2031.29%2024.7125%2027.4009%2020.8234C23.5118%2016.9343%2022.4512%2010.2168%2022.4512%2010.2168%22%2F%3E%3Ccircle%20cx%3D%2233.766%22%20cy%3D%2214.459%22%20r%3D%222%22%20fill%3D%22%23fff%22%20transform%3D%22rotate(45%2033.766%2014.46)%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M40.9998%2020.9447C40.4591%2022.7043%2039.5215%2024.3792%2037.9993%2025.7647C36.3518%2027.2642%2034.1363%2028.4549%2031.7344%2029.3979%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M27.0002%207.65642C25.3026%208.14453%2023.7176%208.9504%2022.4513%2010.2167C21.2665%2011.4015%2020.2678%2013.0826%2019.4293%2015%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/fish.svg?color=%231a73e8&size=48
