fish simple icon

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

Name: fish-simple-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

fish-simple fish-simple-bold fish-simple-duotone fish-simple-fill fish-simple-light

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="M164 76a8 8 0 1 1-8-8a8 8 0 0 1 8 8m42.77 76.73c-14.5 20-36.17 33.57-64.38 40.2c-20.91 4.91-45.61 6-73.8 3.42q2.46 20.18 7.41 42.79a4 4 0 0 1-3 4.77a4.2 4.2 0 0 1-.86.09a4 4 0 0 1-3.9-3.14a457 457 0 0 1-7.72-45.36q-21.4-2.49-45.33-7.72a4 4 0 1 1 1.67-7.78q22.59 4.95 42.76 7.41c-2.62-28.16-1.48-52.84 3.43-73.73c6.63-28.21 20.14-49.88 40.18-64.39C127.32 31.8 156.61 28 177.53 28h1.71c22 .21 40.12 4.54 41.81 5.53a4 4 0 0 1 1.41 1.47c1 1.68 5.31 19.8 5.53 41.79c.21 20.96-3.3 51.21-21.22 75.94m-12.23 2.43a108 108 0 0 1-93.7-93.7c-27.92 25.08-39 67.62-33.14 126.81c59.2 5.87 101.75-5.2 126.84-33.11m21.2-114.9c-10.84-2.53-67.24-13.57-107.44 15.2a99.92 99.92 0 0 0 92.23 92.24c28.76-40.18 17.74-96.59 15.21-107.44"/></svg>

React

import type { SVGProps } from "react";

export function PhFishSimpleThin(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="M164 76a8 8 0 1 1-8-8a8 8 0 0 1 8 8m42.77 76.73c-14.5 20-36.17 33.57-64.38 40.2c-20.91 4.91-45.61 6-73.8 3.42q2.46 20.18 7.41 42.79a4 4 0 0 1-3 4.77a4.2 4.2 0 0 1-.86.09a4 4 0 0 1-3.9-3.14a457 457 0 0 1-7.72-45.36q-21.4-2.49-45.33-7.72a4 4 0 1 1 1.67-7.78q22.59 4.95 42.76 7.41c-2.62-28.16-1.48-52.84 3.43-73.73c6.63-28.21 20.14-49.88 40.18-64.39C127.32 31.8 156.61 28 177.53 28h1.71c22 .21 40.12 4.54 41.81 5.53a4 4 0 0 1 1.41 1.47c1 1.68 5.31 19.8 5.53 41.79c.21 20.96-3.3 51.21-21.22 75.94m-12.23 2.43a108 108 0 0 1-93.7-93.7c-27.92 25.08-39 67.62-33.14 126.81c59.2 5.87 101.75-5.2 126.84-33.11m21.2-114.9c-10.84-2.53-67.24-13.57-107.44 15.2a99.92 99.92 0 0 0 92.23 92.24c28.76-40.18 17.74-96.59 15.21-107.44"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M164 76a8 8 0 1 1-8-8a8 8 0 0 1 8 8m42.77 76.73c-14.5 20-36.17 33.57-64.38 40.2c-20.91 4.91-45.61 6-73.8 3.42q2.46 20.18 7.41 42.79a4 4 0 0 1-3 4.77a4.2 4.2 0 0 1-.86.09a4 4 0 0 1-3.9-3.14a457 457 0 0 1-7.72-45.36q-21.4-2.49-45.33-7.72a4 4 0 1 1 1.67-7.78q22.59 4.95 42.76 7.41c-2.62-28.16-1.48-52.84 3.43-73.73c6.63-28.21 20.14-49.88 40.18-64.39C127.32 31.8 156.61 28 177.53 28h1.71c22 .21 40.12 4.54 41.81 5.53a4 4 0 0 1 1.41 1.47c1 1.68 5.31 19.8 5.53 41.79c.21 20.96-3.3 51.21-21.22 75.94m-12.23 2.43a108 108 0 0 1-93.7-93.7c-27.92 25.08-39 67.62-33.14 126.81c59.2 5.87 101.75-5.2 126.84-33.11m21.2-114.9c-10.84-2.53-67.24-13.57-107.44 15.2a99.92 99.92 0 0 0 92.23 92.24c28.76-40.18 17.74-96.59 15.21-107.44"/></svg>
</template>

CSS

.icon-fish-simple-thin {
  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%22M164%2076a8%208%200%201%201-8-8a8%208%200%200%201%208%208m42.77%2076.73c-14.5%2020-36.17%2033.57-64.38%2040.2c-20.91%204.91-45.61%206-73.8%203.42q2.46%2020.18%207.41%2042.79a4%204%200%200%201-3%204.77a4.2%204.2%200%200%201-.86.09a4%204%200%200%201-3.9-3.14a457%20457%200%200%201-7.72-45.36q-21.4-2.49-45.33-7.72a4%204%200%201%201%201.67-7.78q22.59%204.95%2042.76%207.41c-2.62-28.16-1.48-52.84%203.43-73.73c6.63-28.21%2020.14-49.88%2040.18-64.39C127.32%2031.8%20156.61%2028%20177.53%2028h1.71c22%20.21%2040.12%204.54%2041.81%205.53a4%204%200%200%201%201.41%201.47c1%201.68%205.31%2019.8%205.53%2041.79c.21%2020.96-3.3%2051.21-21.22%2075.94m-12.23%202.43a108%20108%200%200%201-93.7-93.7c-27.92%2025.08-39%2067.62-33.14%20126.81c59.2%205.87%20101.75-5.2%20126.84-33.11m21.2-114.9c-10.84-2.53-67.24-13.57-107.44%2015.2a99.92%2099.92%200%200%200%2092.23%2092.24c28.76-40.18%2017.74-96.59%2015.21-107.44%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%22M164%2076a8%208%200%201%201-8-8a8%208%200%200%201%208%208m42.77%2076.73c-14.5%2020-36.17%2033.57-64.38%2040.2c-20.91%204.91-45.61%206-73.8%203.42q2.46%2020.18%207.41%2042.79a4%204%200%200%201-3%204.77a4.2%204.2%200%200%201-.86.09a4%204%200%200%201-3.9-3.14a457%20457%200%200%201-7.72-45.36q-21.4-2.49-45.33-7.72a4%204%200%201%201%201.67-7.78q22.59%204.95%2042.76%207.41c-2.62-28.16-1.48-52.84%203.43-73.73c6.63-28.21%2020.14-49.88%2040.18-64.39C127.32%2031.8%20156.61%2028%20177.53%2028h1.71c22%20.21%2040.12%204.54%2041.81%205.53a4%204%200%200%201%201.41%201.47c1%201.68%205.31%2019.8%205.53%2041.79c.21%2020.96-3.3%2051.21-21.22%2075.94m-12.23%202.43a108%20108%200%200%201-93.7-93.7c-27.92%2025.08-39%2067.62-33.14%20126.81c59.2%205.87%20101.75-5.2%20126.84-33.11m21.2-114.9c-10.84-2.53-67.24-13.57-107.44%2015.2a99.92%2099.92%200%200%200%2092.23%2092.24c28.76-40.18%2017.74-96.59%2015.21-107.44%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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