fish icon
fish from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- fish
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
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 TwoTonefishIconoirfishIonIconsfishLine AwesomefishLucidefishMajesticonsfishMaterial Design Iconsfish-fillMingCute IconfishNoto EmojifishOpenMoji
Use the fish icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -7 24 24"><path fill="currentColor" d="M9.366 2.085C9.773 2.973 10 3.96 10 5s-.227 2.027-.634 2.915C12.104 7.567 14 6.215 14 5s-1.896-2.567-4.634-2.915M15 2.577c1.052-1.184 2.851-2.074 5-2.42v9.685c-2.149-.345-3.948-1.235-5-2.42C13.635 8.96 11.012 10 8 10c-4.418 0-8-2.239-8-5s3.582-5 8-5c3.012 0 5.635 1.04 7 2.577M18 7V3c-1.15.23-2 1.038-2 2s.85 1.77 2 2M2 5c0 1.27 2.077 2.696 5.032 2.958A4.97 4.97 0 0 0 8 5a4.97 4.97 0 0 0-.968-2.958C4.077 2.304 2 3.73 2 5m3 1a1 1 0 1 1 0-2a1 1 0 0 1 0 2"/></svg>
React
import type { SVGProps } from "react";
export function JamFish(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -7 24 24"><path fill="currentColor" d="M9.366 2.085C9.773 2.973 10 3.96 10 5s-.227 2.027-.634 2.915C12.104 7.567 14 6.215 14 5s-1.896-2.567-4.634-2.915M15 2.577c1.052-1.184 2.851-2.074 5-2.42v9.685c-2.149-.345-3.948-1.235-5-2.42C13.635 8.96 11.012 10 8 10c-4.418 0-8-2.239-8-5s3.582-5 8-5c3.012 0 5.635 1.04 7 2.577M18 7V3c-1.15.23-2 1.038-2 2s.85 1.77 2 2M2 5c0 1.27 2.077 2.696 5.032 2.958A4.97 4.97 0 0 0 8 5a4.97 4.97 0 0 0-.968-2.958C4.077 2.304 2 3.73 2 5m3 1a1 1 0 1 1 0-2a1 1 0 0 1 0 2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -7 24 24"><path fill="currentColor" d="M9.366 2.085C9.773 2.973 10 3.96 10 5s-.227 2.027-.634 2.915C12.104 7.567 14 6.215 14 5s-1.896-2.567-4.634-2.915M15 2.577c1.052-1.184 2.851-2.074 5-2.42v9.685c-2.149-.345-3.948-1.235-5-2.42C13.635 8.96 11.012 10 8 10c-4.418 0-8-2.239-8-5s3.582-5 8-5c3.012 0 5.635 1.04 7 2.577M18 7V3c-1.15.23-2 1.038-2 2s.85 1.77 2 2M2 5c0 1.27 2.077 2.696 5.032 2.958A4.97 4.97 0 0 0 8 5a4.97 4.97 0 0 0-.968-2.958C4.077 2.304 2 3.73 2 5m3 1a1 1 0 1 1 0-2a1 1 0 0 1 0 2"/></svg> </template>
CSS
.icon-fish {
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%22-2%20-7%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.366%202.085C9.773%202.973%2010%203.96%2010%205s-.227%202.027-.634%202.915C12.104%207.567%2014%206.215%2014%205s-1.896-2.567-4.634-2.915M15%202.577c1.052-1.184%202.851-2.074%205-2.42v9.685c-2.149-.345-3.948-1.235-5-2.42C13.635%208.96%2011.012%2010%208%2010c-4.418%200-8-2.239-8-5s3.582-5%208-5c3.012%200%205.635%201.04%207%202.577M18%207V3c-1.15.23-2%201.038-2%202s.85%201.77%202%202M2%205c0%201.27%202.077%202.696%205.032%202.958A4.97%204.97%200%200%200%208%205a4.97%204.97%200%200%200-.968-2.958C4.077%202.304%202%203.73%202%205m3%201a1%201%200%201%201%200-2a1%201%200%200%201%200%202%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%22-2%20-7%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.366%202.085C9.773%202.973%2010%203.96%2010%205s-.227%202.027-.634%202.915C12.104%207.567%2014%206.215%2014%205s-1.896-2.567-4.634-2.915M15%202.577c1.052-1.184%202.851-2.074%205-2.42v9.685c-2.149-.345-3.948-1.235-5-2.42C13.635%208.96%2011.012%2010%208%2010c-4.418%200-8-2.239-8-5s3.582-5%208-5c3.012%200%205.635%201.04%207%202.577M18%207V3c-1.15.23-2%201.038-2%202s.85%201.77%202%202M2%205c0%201.27%202.077%202.696%205.032%202.958A4.97%204.97%200%200%200%208%205a4.97%204.97%200%200%200-.968-2.958C4.077%202.304%202%203.73%202%205m3%201a1%201%200%201%201%200-2a1%201%200%200%201%200%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/fish.svg?color=%231a73e8&size=48
