fish icon

fish-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.

Name
fish-sharp
Set
IonIcons
Style
Sharp
Viewbox
512×512
License
MIT

2 other variants in IonIcons

fishfish-outline

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 TwoTonefishIconoirfishJam IconsfishLine AwesomefishLucidefishMajesticonsfishMaterial Design Iconsfish-fillMingCute IconfishNoto EmojifishOpenMoji

Use the fish icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M335.45 256a214.83 214.83 0 0 1 29.08-108l7.62-13.26a280.7 280.7 0 0 0-48.64-7.15c-21.94-16.9-54.64-36.95-92.34-43.33L208 80l13.37 61.86c-41.67 14.14-78.43 42.86-102.76 62.62q-7.06-5.91-14.78-11.55c-39.71-29-82.6-31.8-84.4-31.9L0 160l2.67 19.31c.29 2 6.79 44.73 31.65 76.52C9.46 287.63 3 330.33 2.67 332.36L0 352l19.43-1.36c1.8-.1 44.69-2.89 84.4-31.9q7.58-5.53 14.56-11.37c24.37 19.83 61.14 48.6 102.86 62.74L208 432l23.17-4.22c37.49-6.34 70.08-26.4 92-43.32a284.3 284.3 0 0 0 49.32-7.23l-7.91-13.18A214.9 214.9 0 0 1 335.45 256"/><path fill="currentColor" d="M499.59 221.75c-5.85-9.88-16.54-24.9-34.19-40.28a209.8 209.8 0 0 0-62-37L392.23 164a183.22 183.22 0 0 0-.09 183.87l11.75 19.57a209.3 209.3 0 0 0 61.42-36.49C497.05 303.47 512 269 512 256c0-12.31-8-26.74-12.41-34.25M416 256a16 16 0 1 1 16-16a16 16 0 0 1-16 16"/></svg>

React

import type { SVGProps } from "react";

export function IonFishSharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M335.45 256a214.83 214.83 0 0 1 29.08-108l7.62-13.26a280.7 280.7 0 0 0-48.64-7.15c-21.94-16.9-54.64-36.95-92.34-43.33L208 80l13.37 61.86c-41.67 14.14-78.43 42.86-102.76 62.62q-7.06-5.91-14.78-11.55c-39.71-29-82.6-31.8-84.4-31.9L0 160l2.67 19.31c.29 2 6.79 44.73 31.65 76.52C9.46 287.63 3 330.33 2.67 332.36L0 352l19.43-1.36c1.8-.1 44.69-2.89 84.4-31.9q7.58-5.53 14.56-11.37c24.37 19.83 61.14 48.6 102.86 62.74L208 432l23.17-4.22c37.49-6.34 70.08-26.4 92-43.32a284.3 284.3 0 0 0 49.32-7.23l-7.91-13.18A214.9 214.9 0 0 1 335.45 256"/><path fill="currentColor" d="M499.59 221.75c-5.85-9.88-16.54-24.9-34.19-40.28a209.8 209.8 0 0 0-62-37L392.23 164a183.22 183.22 0 0 0-.09 183.87l11.75 19.57a209.3 209.3 0 0 0 61.42-36.49C497.05 303.47 512 269 512 256c0-12.31-8-26.74-12.41-34.25M416 256a16 16 0 1 1 16-16a16 16 0 0 1-16 16"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M335.45 256a214.83 214.83 0 0 1 29.08-108l7.62-13.26a280.7 280.7 0 0 0-48.64-7.15c-21.94-16.9-54.64-36.95-92.34-43.33L208 80l13.37 61.86c-41.67 14.14-78.43 42.86-102.76 62.62q-7.06-5.91-14.78-11.55c-39.71-29-82.6-31.8-84.4-31.9L0 160l2.67 19.31c.29 2 6.79 44.73 31.65 76.52C9.46 287.63 3 330.33 2.67 332.36L0 352l19.43-1.36c1.8-.1 44.69-2.89 84.4-31.9q7.58-5.53 14.56-11.37c24.37 19.83 61.14 48.6 102.86 62.74L208 432l23.17-4.22c37.49-6.34 70.08-26.4 92-43.32a284.3 284.3 0 0 0 49.32-7.23l-7.91-13.18A214.9 214.9 0 0 1 335.45 256"/><path fill="currentColor" d="M499.59 221.75c-5.85-9.88-16.54-24.9-34.19-40.28a209.8 209.8 0 0 0-62-37L392.23 164a183.22 183.22 0 0 0-.09 183.87l11.75 19.57a209.3 209.3 0 0 0 61.42-36.49C497.05 303.47 512 269 512 256c0-12.31-8-26.74-12.41-34.25M416 256a16 16 0 1 1 16-16a16 16 0 0 1-16 16"/></svg>
</template>

CSS

.icon-fish-sharp {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M335.45%20256a214.83%20214.83%200%200%201%2029.08-108l7.62-13.26a280.7%20280.7%200%200%200-48.64-7.15c-21.94-16.9-54.64-36.95-92.34-43.33L208%2080l13.37%2061.86c-41.67%2014.14-78.43%2042.86-102.76%2062.62q-7.06-5.91-14.78-11.55c-39.71-29-82.6-31.8-84.4-31.9L0%20160l2.67%2019.31c.29%202%206.79%2044.73%2031.65%2076.52C9.46%20287.63%203%20330.33%202.67%20332.36L0%20352l19.43-1.36c1.8-.1%2044.69-2.89%2084.4-31.9q7.58-5.53%2014.56-11.37c24.37%2019.83%2061.14%2048.6%20102.86%2062.74L208%20432l23.17-4.22c37.49-6.34%2070.08-26.4%2092-43.32a284.3%20284.3%200%200%200%2049.32-7.23l-7.91-13.18A214.9%20214.9%200%200%201%20335.45%20256%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M499.59%20221.75c-5.85-9.88-16.54-24.9-34.19-40.28a209.8%20209.8%200%200%200-62-37L392.23%20164a183.22%20183.22%200%200%200-.09%20183.87l11.75%2019.57a209.3%20209.3%200%200%200%2061.42-36.49C497.05%20303.47%20512%20269%20512%20256c0-12.31-8-26.74-12.41-34.25M416%20256a16%2016%200%201%201%2016-16a16%2016%200%200%201-16%2016%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M335.45%20256a214.83%20214.83%200%200%201%2029.08-108l7.62-13.26a280.7%20280.7%200%200%200-48.64-7.15c-21.94-16.9-54.64-36.95-92.34-43.33L208%2080l13.37%2061.86c-41.67%2014.14-78.43%2042.86-102.76%2062.62q-7.06-5.91-14.78-11.55c-39.71-29-82.6-31.8-84.4-31.9L0%20160l2.67%2019.31c.29%202%206.79%2044.73%2031.65%2076.52C9.46%20287.63%203%20330.33%202.67%20332.36L0%20352l19.43-1.36c1.8-.1%2044.69-2.89%2084.4-31.9q7.58-5.53%2014.56-11.37c24.37%2019.83%2061.14%2048.6%20102.86%2062.74L208%20432l23.17-4.22c37.49-6.34%2070.08-26.4%2092-43.32a284.3%20284.3%200%200%200%2049.32-7.23l-7.91-13.18A214.9%20214.9%200%200%201%20335.45%20256%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M499.59%20221.75c-5.85-9.88-16.54-24.9-34.19-40.28a209.8%20209.8%200%200%200-62-37L392.23%20164a183.22%20183.22%200%200%200-.09%20183.87l11.75%2019.57a209.3%20209.3%200%200%200%2061.42-36.49C497.05%20303.47%20512%20269%20512%20256c0-12.31-8-26.74-12.41-34.25M416%20256a16%2016%200%201%201%2016-16a16%2016%200%200%201-16%2016%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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