fish icon
fish-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- fish-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
fishCarbonfishDeviconfishEmoji One (Colored)fishFont Awesome 6 SolidfishFluent EmojifishFluent Emoji FlatfishFluent Emoji High ContrastfishHuge IconsfishIconoirfishIonIconsfishJam IconsfishLine AwesomefishLucidefishMajesticonsfishMaterial Design Iconsfish-fillMingCute IconfishNoto EmojifishOpenMojifishPixelarticonsfishTabler IconsfishTwitter 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="M166 76a10 10 0 1 1-10-10a10 10 0 0 1 10 10m49 66.67c-19.17 34.54-55.11 53.08-106.85 55.14l-22.53 52.55A6 6 0 0 1 80.1 254h-.38a6 6 0 0 1-5.39-4.34l-15.11-52.89l-52.87-15.14a6 6 0 0 1-.71-11.29l52.56-22.49C60.28 96.13 78.81 60.2 113.33 41C159.56 15.34 219 30 222.09 31.78a6 6 0 0 1 2.12 2.11c1.79 3.05 16.46 62.49-9.21 108.76Zm-48 29.64A50.06 50.06 0 0 1 130 126a50.09 50.09 0 0 1-46.29-37c-8.46 16.93-13 38-13.63 63a6 6 0 0 1-3.64 5.38l-40.56 17.36l39.85 11.41a6 6 0 0 1 4.12 4.12l11.38 39.85l17.39-40.56a6 6 0 0 1 5.37-3.64c25.01-.59 46.06-5.16 63.01-13.63Zm51-94.53a171 171 0 0 0-3.86-35.92A170.8 170.8 0 0 0 178.25 38H178c-18.52 0-45 3.22-66.67 18.47a83.5 83.5 0 0 0-17.16 16.09a38 38 0 0 0 41.47 41.25a6 6 0 0 1 6.54 6.55a38 38 0 0 0 41.28 41.46a83.1 83.1 0 0 0 16.07-17.07C214.87 123 218.05 96.31 218 77.76Z"/></svg>
React
import type { SVGProps } from "react";
export function PhFishLight(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="M166 76a10 10 0 1 1-10-10a10 10 0 0 1 10 10m49 66.67c-19.17 34.54-55.11 53.08-106.85 55.14l-22.53 52.55A6 6 0 0 1 80.1 254h-.38a6 6 0 0 1-5.39-4.34l-15.11-52.89l-52.87-15.14a6 6 0 0 1-.71-11.29l52.56-22.49C60.28 96.13 78.81 60.2 113.33 41C159.56 15.34 219 30 222.09 31.78a6 6 0 0 1 2.12 2.11c1.79 3.05 16.46 62.49-9.21 108.76Zm-48 29.64A50.06 50.06 0 0 1 130 126a50.09 50.09 0 0 1-46.29-37c-8.46 16.93-13 38-13.63 63a6 6 0 0 1-3.64 5.38l-40.56 17.36l39.85 11.41a6 6 0 0 1 4.12 4.12l11.38 39.85l17.39-40.56a6 6 0 0 1 5.37-3.64c25.01-.59 46.06-5.16 63.01-13.63Zm51-94.53a171 171 0 0 0-3.86-35.92A170.8 170.8 0 0 0 178.25 38H178c-18.52 0-45 3.22-66.67 18.47a83.5 83.5 0 0 0-17.16 16.09a38 38 0 0 0 41.47 41.25a6 6 0 0 1 6.54 6.55a38 38 0 0 0 41.28 41.46a83.1 83.1 0 0 0 16.07-17.07C214.87 123 218.05 96.31 218 77.76Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M166 76a10 10 0 1 1-10-10a10 10 0 0 1 10 10m49 66.67c-19.17 34.54-55.11 53.08-106.85 55.14l-22.53 52.55A6 6 0 0 1 80.1 254h-.38a6 6 0 0 1-5.39-4.34l-15.11-52.89l-52.87-15.14a6 6 0 0 1-.71-11.29l52.56-22.49C60.28 96.13 78.81 60.2 113.33 41C159.56 15.34 219 30 222.09 31.78a6 6 0 0 1 2.12 2.11c1.79 3.05 16.46 62.49-9.21 108.76Zm-48 29.64A50.06 50.06 0 0 1 130 126a50.09 50.09 0 0 1-46.29-37c-8.46 16.93-13 38-13.63 63a6 6 0 0 1-3.64 5.38l-40.56 17.36l39.85 11.41a6 6 0 0 1 4.12 4.12l11.38 39.85l17.39-40.56a6 6 0 0 1 5.37-3.64c25.01-.59 46.06-5.16 63.01-13.63Zm51-94.53a171 171 0 0 0-3.86-35.92A170.8 170.8 0 0 0 178.25 38H178c-18.52 0-45 3.22-66.67 18.47a83.5 83.5 0 0 0-17.16 16.09a38 38 0 0 0 41.47 41.25a6 6 0 0 1 6.54 6.55a38 38 0 0 0 41.28 41.46a83.1 83.1 0 0 0 16.07-17.07C214.87 123 218.05 96.31 218 77.76Z"/></svg> </template>
CSS
.icon-fish-light {
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%22M166%2076a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010m49%2066.67c-19.17%2034.54-55.11%2053.08-106.85%2055.14l-22.53%2052.55A6%206%200%200%201%2080.1%20254h-.38a6%206%200%200%201-5.39-4.34l-15.11-52.89l-52.87-15.14a6%206%200%200%201-.71-11.29l52.56-22.49C60.28%2096.13%2078.81%2060.2%20113.33%2041C159.56%2015.34%20219%2030%20222.09%2031.78a6%206%200%200%201%202.12%202.11c1.79%203.05%2016.46%2062.49-9.21%20108.76Zm-48%2029.64A50.06%2050.06%200%200%201%20130%20126a50.09%2050.09%200%200%201-46.29-37c-8.46%2016.93-13%2038-13.63%2063a6%206%200%200%201-3.64%205.38l-40.56%2017.36l39.85%2011.41a6%206%200%200%201%204.12%204.12l11.38%2039.85l17.39-40.56a6%206%200%200%201%205.37-3.64c25.01-.59%2046.06-5.16%2063.01-13.63Zm51-94.53a171%20171%200%200%200-3.86-35.92A170.8%20170.8%200%200%200%20178.25%2038H178c-18.52%200-45%203.22-66.67%2018.47a83.5%2083.5%200%200%200-17.16%2016.09a38%2038%200%200%200%2041.47%2041.25a6%206%200%200%201%206.54%206.55a38%2038%200%200%200%2041.28%2041.46a83.1%2083.1%200%200%200%2016.07-17.07C214.87%20123%20218.05%2096.31%20218%2077.76Z%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%22M166%2076a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010m49%2066.67c-19.17%2034.54-55.11%2053.08-106.85%2055.14l-22.53%2052.55A6%206%200%200%201%2080.1%20254h-.38a6%206%200%200%201-5.39-4.34l-15.11-52.89l-52.87-15.14a6%206%200%200%201-.71-11.29l52.56-22.49C60.28%2096.13%2078.81%2060.2%20113.33%2041C159.56%2015.34%20219%2030%20222.09%2031.78a6%206%200%200%201%202.12%202.11c1.79%203.05%2016.46%2062.49-9.21%20108.76Zm-48%2029.64A50.06%2050.06%200%200%201%20130%20126a50.09%2050.09%200%200%201-46.29-37c-8.46%2016.93-13%2038-13.63%2063a6%206%200%200%201-3.64%205.38l-40.56%2017.36l39.85%2011.41a6%206%200%200%201%204.12%204.12l11.38%2039.85l17.39-40.56a6%206%200%200%201%205.37-3.64c25.01-.59%2046.06-5.16%2063.01-13.63Zm51-94.53a171%20171%200%200%200-3.86-35.92A170.8%20170.8%200%200%200%20178.25%2038H178c-18.52%200-45%203.22-66.67%2018.47a83.5%2083.5%200%200%200-17.16%2016.09a38%2038%200%200%200%2041.47%2041.25a6%206%200%200%201%206.54%206.55a38%2038%200%200%200%2041.28%2041.46a83.1%2083.1%200%200%200%2016.07-17.07C214.87%20123%20218.05%2096.31%20218%2077.76Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/fish-light.svg?color=%231a73e8&size=48
