fish icon

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

Name
fish-outline
Set
IonIcons
Style
Outline
Viewbox
512×512
License
MIT

2 other variants in IonIcons

fishfish-sharp

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="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M240 152c-50.71 12.21-94.15 52.31-120.3 73.43a261 261 0 0 0-23.81-19.58C59.53 179.29 16 176 16 176s11.37 51.53 41.36 79.83C27.37 284.14 16 335.67 16 335.67s43.53-3.29 79.89-29.85a259 259 0 0 0 23.61-19.41c26.1 21.14 69.74 61.34 120.5 73.59l-16 56c39.43-6.67 78.86-35.51 94.72-48.25C448 362 496 279 496 256c0-22-48-106-176.89-111.73C303.52 131.78 263.76 102.72 224 96Z"/><circle cx="416" cy="239.99" r="16" fill="currentColor"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="20" stroke-width="32" d="M378.37 356a199.22 199.22 0 0 1 0-200"/></svg>

React

import type { SVGProps } from "react";

export function IonFishOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="32" d="M240 152c-50.71 12.21-94.15 52.31-120.3 73.43a261 261 0 0 0-23.81-19.58C59.53 179.29 16 176 16 176s11.37 51.53 41.36 79.83C27.37 284.14 16 335.67 16 335.67s43.53-3.29 79.89-29.85a259 259 0 0 0 23.61-19.41c26.1 21.14 69.74 61.34 120.5 73.59l-16 56c39.43-6.67 78.86-35.51 94.72-48.25C448 362 496 279 496 256c0-22-48-106-176.89-111.73C303.52 131.78 263.76 102.72 224 96Z"/><circle cx="416" cy="239.99" r="16" fill="currentColor"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="20" strokeWidth="32" d="M378.37 356a199.22 199.22 0 0 1 0-200"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M240 152c-50.71 12.21-94.15 52.31-120.3 73.43a261 261 0 0 0-23.81-19.58C59.53 179.29 16 176 16 176s11.37 51.53 41.36 79.83C27.37 284.14 16 335.67 16 335.67s43.53-3.29 79.89-29.85a259 259 0 0 0 23.61-19.41c26.1 21.14 69.74 61.34 120.5 73.59l-16 56c39.43-6.67 78.86-35.51 94.72-48.25C448 362 496 279 496 256c0-22-48-106-176.89-111.73C303.52 131.78 263.76 102.72 224 96Z"/><circle cx="416" cy="239.99" r="16" fill="currentColor"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="20" stroke-width="32" d="M378.37 356a199.22 199.22 0 0 1 0-200"/></svg>
</template>

CSS

.icon-fish-outline {
  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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2232%22%20d%3D%22M240%20152c-50.71%2012.21-94.15%2052.31-120.3%2073.43a261%20261%200%200%200-23.81-19.58C59.53%20179.29%2016%20176%2016%20176s11.37%2051.53%2041.36%2079.83C27.37%20284.14%2016%20335.67%2016%20335.67s43.53-3.29%2079.89-29.85a259%20259%200%200%200%2023.61-19.41c26.1%2021.14%2069.74%2061.34%20120.5%2073.59l-16%2056c39.43-6.67%2078.86-35.51%2094.72-48.25C448%20362%20496%20279%20496%20256c0-22-48-106-176.89-111.73C303.52%20131.78%20263.76%20102.72%20224%2096Z%22%2F%3E%3Ccircle%20cx%3D%22416%22%20cy%3D%22239.99%22%20r%3D%2216%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2220%22%20stroke-width%3D%2232%22%20d%3D%22M378.37%20356a199.22%20199.22%200%200%201%200-200%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2232%22%20d%3D%22M240%20152c-50.71%2012.21-94.15%2052.31-120.3%2073.43a261%20261%200%200%200-23.81-19.58C59.53%20179.29%2016%20176%2016%20176s11.37%2051.53%2041.36%2079.83C27.37%20284.14%2016%20335.67%2016%20335.67s43.53-3.29%2079.89-29.85a259%20259%200%200%200%2023.61-19.41c26.1%2021.14%2069.74%2061.34%20120.5%2073.59l-16%2056c39.43-6.67%2078.86-35.51%2094.72-48.25C448%20362%20496%20279%20496%20256c0-22-48-106-176.89-111.73C303.52%20131.78%20263.76%20102.72%20224%2096Z%22%2F%3E%3Ccircle%20cx%3D%22416%22%20cy%3D%22239.99%22%20r%3D%2216%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2220%22%20stroke-width%3D%2232%22%20d%3D%22M378.37%20356a199.22%20199.22%200%200%201%200-200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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