fish simple icon

fish-simple-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: fish-simple-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

fish-simple fish-simple-bold fish-simple-duotone fish-simple-fill fish-simple-thin

Use the fish simple 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 10m42.38 77.9c-14.79 20.44-36.84 34.22-65.53 41c-20.5 4.81-44.58 6-72 3.68q2.43 19 7.07 40.15a6 6 0 0 1-4.58 7.15a6.3 6.3 0 0 1-1.29.14a6 6 0 0 1-5.85-4.72q-5.07-23.13-7.57-44q-20.8-2.51-43.94-7.57a6 6 0 1 1 2.6-11.73q21.14 4.63 40.12 7.07c-2.35-27.36-1.13-51.41 3.69-71.9c6.74-28.68 20.51-50.73 40.9-65.53c47.55-34.44 116.31-18 120-15.81a5.93 5.93 0 0 1 2.11 2.11c2.23 3.69 18.7 72.39-15.74 119.97Zm-17.94 2.69a110.06 110.06 0 0 1-91-91c-25.13 24.7-35.12 65.24-29.87 120.89c55.62 5.23 96.15-4.75 120.86-29.88Zm23.62-114.66c-12.78-2.84-65.42-12.17-103.69 14.52a97.92 97.92 0 0 0 89.16 89.17c26.68-38.25 17.36-90.9 14.53-103.69"/></svg>

React

import type { SVGProps } from "react";

export function PhFishSimpleLight(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 10m42.38 77.9c-14.79 20.44-36.84 34.22-65.53 41c-20.5 4.81-44.58 6-72 3.68q2.43 19 7.07 40.15a6 6 0 0 1-4.58 7.15a6.3 6.3 0 0 1-1.29.14a6 6 0 0 1-5.85-4.72q-5.07-23.13-7.57-44q-20.8-2.51-43.94-7.57a6 6 0 1 1 2.6-11.73q21.14 4.63 40.12 7.07c-2.35-27.36-1.13-51.41 3.69-71.9c6.74-28.68 20.51-50.73 40.9-65.53c47.55-34.44 116.31-18 120-15.81a5.93 5.93 0 0 1 2.11 2.11c2.23 3.69 18.7 72.39-15.74 119.97Zm-17.94 2.69a110.06 110.06 0 0 1-91-91c-25.13 24.7-35.12 65.24-29.87 120.89c55.62 5.23 96.15-4.75 120.86-29.88Zm23.62-114.66c-12.78-2.84-65.42-12.17-103.69 14.52a97.92 97.92 0 0 0 89.16 89.17c26.68-38.25 17.36-90.9 14.53-103.69"/></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 10m42.38 77.9c-14.79 20.44-36.84 34.22-65.53 41c-20.5 4.81-44.58 6-72 3.68q2.43 19 7.07 40.15a6 6 0 0 1-4.58 7.15a6.3 6.3 0 0 1-1.29.14a6 6 0 0 1-5.85-4.72q-5.07-23.13-7.57-44q-20.8-2.51-43.94-7.57a6 6 0 1 1 2.6-11.73q21.14 4.63 40.12 7.07c-2.35-27.36-1.13-51.41 3.69-71.9c6.74-28.68 20.51-50.73 40.9-65.53c47.55-34.44 116.31-18 120-15.81a5.93 5.93 0 0 1 2.11 2.11c2.23 3.69 18.7 72.39-15.74 119.97Zm-17.94 2.69a110.06 110.06 0 0 1-91-91c-25.13 24.7-35.12 65.24-29.87 120.89c55.62 5.23 96.15-4.75 120.86-29.88Zm23.62-114.66c-12.78-2.84-65.42-12.17-103.69 14.52a97.92 97.92 0 0 0 89.16 89.17c26.68-38.25 17.36-90.9 14.53-103.69"/></svg>
</template>

CSS

.icon-fish-simple-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%2010m42.38%2077.9c-14.79%2020.44-36.84%2034.22-65.53%2041c-20.5%204.81-44.58%206-72%203.68q2.43%2019%207.07%2040.15a6%206%200%200%201-4.58%207.15a6.3%206.3%200%200%201-1.29.14a6%206%200%200%201-5.85-4.72q-5.07-23.13-7.57-44q-20.8-2.51-43.94-7.57a6%206%200%201%201%202.6-11.73q21.14%204.63%2040.12%207.07c-2.35-27.36-1.13-51.41%203.69-71.9c6.74-28.68%2020.51-50.73%2040.9-65.53c47.55-34.44%20116.31-18%20120-15.81a5.93%205.93%200%200%201%202.11%202.11c2.23%203.69%2018.7%2072.39-15.74%20119.97Zm-17.94%202.69a110.06%20110.06%200%200%201-91-91c-25.13%2024.7-35.12%2065.24-29.87%20120.89c55.62%205.23%2096.15-4.75%20120.86-29.88Zm23.62-114.66c-12.78-2.84-65.42-12.17-103.69%2014.52a97.92%2097.92%200%200%200%2089.16%2089.17c26.68-38.25%2017.36-90.9%2014.53-103.69%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%2010m42.38%2077.9c-14.79%2020.44-36.84%2034.22-65.53%2041c-20.5%204.81-44.58%206-72%203.68q2.43%2019%207.07%2040.15a6%206%200%200%201-4.58%207.15a6.3%206.3%200%200%201-1.29.14a6%206%200%200%201-5.85-4.72q-5.07-23.13-7.57-44q-20.8-2.51-43.94-7.57a6%206%200%201%201%202.6-11.73q21.14%204.63%2040.12%207.07c-2.35-27.36-1.13-51.41%203.69-71.9c6.74-28.68%2020.51-50.73%2040.9-65.53c47.55-34.44%20116.31-18%20120-15.81a5.93%205.93%200%200%201%202.11%202.11c2.23%203.69%2018.7%2072.39-15.74%20119.97Zm-17.94%202.69a110.06%20110.06%200%200%201-91-91c-25.13%2024.7-35.12%2065.24-29.87%20120.89c55.62%205.23%2096.15-4.75%20120.86-29.88Zm23.62-114.66c-12.78-2.84-65.42-12.17-103.69%2014.52a97.92%2097.92%200%200%200%2089.16%2089.17c26.68-38.25%2017.36-90.9%2014.53-103.69%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/fish-simple-light.svg?color=%231a73e8&size=48