fish icon
fish-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.
- Name
- fish-fill
- Set
- Phosphor
- Style
- Fill
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
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 IconsfishIconParkfishIconPark OutlinefishIconPark SolidfishIconPark TwoTonefishIconoirfishIonIconsfishJam IconsfishLine AwesomefishLucidefishMajesticonsfishMaterial Design Iconsfish-fillMingCute IconfishNoto Emoji
Related icons in Phosphor
Use the fish icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M168 76a12 12 0 1 1-12-12a12 12 0 0 1 12 12m48.72 67.64c-19.37 34.9-55.44 53.76-107.24 56.1l-22 51.41A8 8 0 0 1 80.1 256h-.51a8 8 0 0 1-7.19-5.78l-14.8-51.83l-51.8-14.83a8 8 0 0 1-1-15.05l51.41-22c2.35-51.78 21.21-87.84 56.09-107.22c24.75-13.74 52.74-15.84 71.88-15.18c18.64.64 36 4.27 38.86 6a8 8 0 0 1 2.83 2.83c1.69 2.85 5.33 20.21 6 38.85c.68 19.1-1.41 47.1-15.15 71.85m-4.3-100.07c-14.15-3-64.1-11-100.3 14.75a81.2 81.2 0 0 0-16 15.07a36 36 0 0 0 39.35 38.44a8 8 0 0 1 8.73 8.73a36 36 0 0 0 38.47 39.34a80.8 80.8 0 0 0 15-16c25.75-36.17 17.75-86.16 14.75-100.33"/></svg>
React
import type { SVGProps } from "react";
export function PhFishFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M168 76a12 12 0 1 1-12-12a12 12 0 0 1 12 12m48.72 67.64c-19.37 34.9-55.44 53.76-107.24 56.1l-22 51.41A8 8 0 0 1 80.1 256h-.51a8 8 0 0 1-7.19-5.78l-14.8-51.83l-51.8-14.83a8 8 0 0 1-1-15.05l51.41-22c2.35-51.78 21.21-87.84 56.09-107.22c24.75-13.74 52.74-15.84 71.88-15.18c18.64.64 36 4.27 38.86 6a8 8 0 0 1 2.83 2.83c1.69 2.85 5.33 20.21 6 38.85c.68 19.1-1.41 47.1-15.15 71.85m-4.3-100.07c-14.15-3-64.1-11-100.3 14.75a81.2 81.2 0 0 0-16 15.07a36 36 0 0 0 39.35 38.44a8 8 0 0 1 8.73 8.73a36 36 0 0 0 38.47 39.34a80.8 80.8 0 0 0 15-16c25.75-36.17 17.75-86.16 14.75-100.33"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M168 76a12 12 0 1 1-12-12a12 12 0 0 1 12 12m48.72 67.64c-19.37 34.9-55.44 53.76-107.24 56.1l-22 51.41A8 8 0 0 1 80.1 256h-.51a8 8 0 0 1-7.19-5.78l-14.8-51.83l-51.8-14.83a8 8 0 0 1-1-15.05l51.41-22c2.35-51.78 21.21-87.84 56.09-107.22c24.75-13.74 52.74-15.84 71.88-15.18c18.64.64 36 4.27 38.86 6a8 8 0 0 1 2.83 2.83c1.69 2.85 5.33 20.21 6 38.85c.68 19.1-1.41 47.1-15.15 71.85m-4.3-100.07c-14.15-3-64.1-11-100.3 14.75a81.2 81.2 0 0 0-16 15.07a36 36 0 0 0 39.35 38.44a8 8 0 0 1 8.73 8.73a36 36 0 0 0 38.47 39.34a80.8 80.8 0 0 0 15-16c25.75-36.17 17.75-86.16 14.75-100.33"/></svg> </template>
CSS
.icon-fish-fill {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M168%2076a12%2012%200%201%201-12-12a12%2012%200%200%201%2012%2012m48.72%2067.64c-19.37%2034.9-55.44%2053.76-107.24%2056.1l-22%2051.41A8%208%200%200%201%2080.1%20256h-.51a8%208%200%200%201-7.19-5.78l-14.8-51.83l-51.8-14.83a8%208%200%200%201-1-15.05l51.41-22c2.35-51.78%2021.21-87.84%2056.09-107.22c24.75-13.74%2052.74-15.84%2071.88-15.18c18.64.64%2036%204.27%2038.86%206a8%208%200%200%201%202.83%202.83c1.69%202.85%205.33%2020.21%206%2038.85c.68%2019.1-1.41%2047.1-15.15%2071.85m-4.3-100.07c-14.15-3-64.1-11-100.3%2014.75a81.2%2081.2%200%200%200-16%2015.07a36%2036%200%200%200%2039.35%2038.44a8%208%200%200%201%208.73%208.73a36%2036%200%200%200%2038.47%2039.34a80.8%2080.8%200%200%200%2015-16c25.75-36.17%2017.75-86.16%2014.75-100.33%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M168%2076a12%2012%200%201%201-12-12a12%2012%200%200%201%2012%2012m48.72%2067.64c-19.37%2034.9-55.44%2053.76-107.24%2056.1l-22%2051.41A8%208%200%200%201%2080.1%20256h-.51a8%208%200%200%201-7.19-5.78l-14.8-51.83l-51.8-14.83a8%208%200%200%201-1-15.05l51.41-22c2.35-51.78%2021.21-87.84%2056.09-107.22c24.75-13.74%2052.74-15.84%2071.88-15.18c18.64.64%2036%204.27%2038.86%206a8%208%200%200%201%202.83%202.83c1.69%202.85%205.33%2020.21%206%2038.85c.68%2019.1-1.41%2047.1-15.15%2071.85m-4.3-100.07c-14.15-3-64.1-11-100.3%2014.75a81.2%2081.2%200%200%200-16%2015.07a36%2036%200%200%200%2039.35%2038.44a8%208%200%200%201%208.73%208.73a36%2036%200%200%200%2038.47%2039.34a80.8%2080.8%200%200%200%2015-16c25.75-36.17%2017.75-86.16%2014.75-100.33%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/fish-fill.svg?color=%231a73e8&size=48
