fish icon
fish from Majesticons by Gerrit Halfmann · Solid · MIT Free for personal and commercial use.
- Name
- fish
- Set
- Majesticons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Majesticons
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 TwoTonefishIconoirfishIonIconsfishJam IconsfishLine AwesomefishLucidefishMaterial 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 24 24"><path fill="currentColor" fill-rule="evenodd" d="M14.346 6.005A13 13 0 0 0 14 6c-3.633 0-7.031 2.294-9.46 4.574a21 21 0 0 1-1.716-2.14a1 1 0 1 0-1.648 1.133A23 23 0 0 0 3.133 12c-.813.89-1.48 1.74-1.957 2.434a1 1 0 1 0 1.648 1.133c.41-.596.994-1.345 1.716-2.141C6.97 15.706 10.367 18 14 18q.185 0 .365-.005a11 11 0 0 1-.592-1.732a19 19 0 0 1-.545-3.332c-.167-2.218.022-4.825 1.118-6.926m2.122 11.742q.135-.03.269-.062c2.017-.492 3.559-1.843 4.562-2.985a13.7 13.7 0 0 0 1.47-2.029q.054-.091.082-.143l.023-.042l.007-.013l.002-.004v-.001l.001-.001l-.787-.416l.787.415l.247-.466l-.247-.466l-.787.415l.787-.416l-.001-.002l-.002-.005l-.007-.012l-.023-.042a11 11 0 0 0-.387-.637A14 14 0 0 0 21.3 9.3c-1.003-1.142-2.546-2.493-4.562-2.985l-.27-.062a1 1 0 0 1-.12.278c-1.033 1.648-1.294 4.005-1.125 6.25a17 17 0 0 0 .486 2.978c.226.867.47 1.447.632 1.698q.088.139.128.29zm-5.26-7.04a1 1 0 0 0-1.415-1.414c-.272.271-.47.662-.606 1.015a5.4 5.4 0 0 0-.318 1.32c-.104.928.016 2.172.924 3.08a1 1 0 0 0 1.414-1.415c-.292-.293-.422-.8-.35-1.445c.033-.306.11-.594.197-.822c.073-.19.134-.286.152-.313q.01-.014.001-.006zM17 11a1 1 0 0 1 1-1h.001a1 1 0 1 1 0 2H18a1 1 0 0 1-1-1" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function MajesticonsFish(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M14.346 6.005A13 13 0 0 0 14 6c-3.633 0-7.031 2.294-9.46 4.574a21 21 0 0 1-1.716-2.14a1 1 0 1 0-1.648 1.133A23 23 0 0 0 3.133 12c-.813.89-1.48 1.74-1.957 2.434a1 1 0 1 0 1.648 1.133c.41-.596.994-1.345 1.716-2.141C6.97 15.706 10.367 18 14 18q.185 0 .365-.005a11 11 0 0 1-.592-1.732a19 19 0 0 1-.545-3.332c-.167-2.218.022-4.825 1.118-6.926m2.122 11.742q.135-.03.269-.062c2.017-.492 3.559-1.843 4.562-2.985a13.7 13.7 0 0 0 1.47-2.029q.054-.091.082-.143l.023-.042l.007-.013l.002-.004v-.001l.001-.001l-.787-.416l.787.415l.247-.466l-.247-.466l-.787.415l.787-.416l-.001-.002l-.002-.005l-.007-.012l-.023-.042a11 11 0 0 0-.387-.637A14 14 0 0 0 21.3 9.3c-1.003-1.142-2.546-2.493-4.562-2.985l-.27-.062a1 1 0 0 1-.12.278c-1.033 1.648-1.294 4.005-1.125 6.25a17 17 0 0 0 .486 2.978c.226.867.47 1.447.632 1.698q.088.139.128.29zm-5.26-7.04a1 1 0 0 0-1.415-1.414c-.272.271-.47.662-.606 1.015a5.4 5.4 0 0 0-.318 1.32c-.104.928.016 2.172.924 3.08a1 1 0 0 0 1.414-1.415c-.292-.293-.422-.8-.35-1.445c.033-.306.11-.594.197-.822c.073-.19.134-.286.152-.313q.01-.014.001-.006zM17 11a1 1 0 0 1 1-1h.001a1 1 0 1 1 0 2H18a1 1 0 0 1-1-1" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M14.346 6.005A13 13 0 0 0 14 6c-3.633 0-7.031 2.294-9.46 4.574a21 21 0 0 1-1.716-2.14a1 1 0 1 0-1.648 1.133A23 23 0 0 0 3.133 12c-.813.89-1.48 1.74-1.957 2.434a1 1 0 1 0 1.648 1.133c.41-.596.994-1.345 1.716-2.141C6.97 15.706 10.367 18 14 18q.185 0 .365-.005a11 11 0 0 1-.592-1.732a19 19 0 0 1-.545-3.332c-.167-2.218.022-4.825 1.118-6.926m2.122 11.742q.135-.03.269-.062c2.017-.492 3.559-1.843 4.562-2.985a13.7 13.7 0 0 0 1.47-2.029q.054-.091.082-.143l.023-.042l.007-.013l.002-.004v-.001l.001-.001l-.787-.416l.787.415l.247-.466l-.247-.466l-.787.415l.787-.416l-.001-.002l-.002-.005l-.007-.012l-.023-.042a11 11 0 0 0-.387-.637A14 14 0 0 0 21.3 9.3c-1.003-1.142-2.546-2.493-4.562-2.985l-.27-.062a1 1 0 0 1-.12.278c-1.033 1.648-1.294 4.005-1.125 6.25a17 17 0 0 0 .486 2.978c.226.867.47 1.447.632 1.698q.088.139.128.29zm-5.26-7.04a1 1 0 0 0-1.415-1.414c-.272.271-.47.662-.606 1.015a5.4 5.4 0 0 0-.318 1.32c-.104.928.016 2.172.924 3.08a1 1 0 0 0 1.414-1.415c-.292-.293-.422-.8-.35-1.445c.033-.306.11-.594.197-.822c.073-.19.134-.286.152-.313q.01-.014.001-.006zM17 11a1 1 0 0 1 1-1h.001a1 1 0 1 1 0 2H18a1 1 0 0 1-1-1" clip-rule="evenodd"/></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%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.346%206.005A13%2013%200%200%200%2014%206c-3.633%200-7.031%202.294-9.46%204.574a21%2021%200%200%201-1.716-2.14a1%201%200%201%200-1.648%201.133A23%2023%200%200%200%203.133%2012c-.813.89-1.48%201.74-1.957%202.434a1%201%200%201%200%201.648%201.133c.41-.596.994-1.345%201.716-2.141C6.97%2015.706%2010.367%2018%2014%2018q.185%200%20.365-.005a11%2011%200%200%201-.592-1.732a19%2019%200%200%201-.545-3.332c-.167-2.218.022-4.825%201.118-6.926m2.122%2011.742q.135-.03.269-.062c2.017-.492%203.559-1.843%204.562-2.985a13.7%2013.7%200%200%200%201.47-2.029q.054-.091.082-.143l.023-.042l.007-.013l.002-.004v-.001l.001-.001l-.787-.416l.787.415l.247-.466l-.247-.466l-.787.415l.787-.416l-.001-.002l-.002-.005l-.007-.012l-.023-.042a11%2011%200%200%200-.387-.637A14%2014%200%200%200%2021.3%209.3c-1.003-1.142-2.546-2.493-4.562-2.985l-.27-.062a1%201%200%200%201-.12.278c-1.033%201.648-1.294%204.005-1.125%206.25a17%2017%200%200%200%20.486%202.978c.226.867.47%201.447.632%201.698q.088.139.128.29zm-5.26-7.04a1%201%200%200%200-1.415-1.414c-.272.271-.47.662-.606%201.015a5.4%205.4%200%200%200-.318%201.32c-.104.928.016%202.172.924%203.08a1%201%200%200%200%201.414-1.415c-.292-.293-.422-.8-.35-1.445c.033-.306.11-.594.197-.822c.073-.19.134-.286.152-.313q.01-.014.001-.006zM17%2011a1%201%200%200%201%201-1h.001a1%201%200%201%201%200%202H18a1%201%200%200%201-1-1%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.346%206.005A13%2013%200%200%200%2014%206c-3.633%200-7.031%202.294-9.46%204.574a21%2021%200%200%201-1.716-2.14a1%201%200%201%200-1.648%201.133A23%2023%200%200%200%203.133%2012c-.813.89-1.48%201.74-1.957%202.434a1%201%200%201%200%201.648%201.133c.41-.596.994-1.345%201.716-2.141C6.97%2015.706%2010.367%2018%2014%2018q.185%200%20.365-.005a11%2011%200%200%201-.592-1.732a19%2019%200%200%201-.545-3.332c-.167-2.218.022-4.825%201.118-6.926m2.122%2011.742q.135-.03.269-.062c2.017-.492%203.559-1.843%204.562-2.985a13.7%2013.7%200%200%200%201.47-2.029q.054-.091.082-.143l.023-.042l.007-.013l.002-.004v-.001l.001-.001l-.787-.416l.787.415l.247-.466l-.247-.466l-.787.415l.787-.416l-.001-.002l-.002-.005l-.007-.012l-.023-.042a11%2011%200%200%200-.387-.637A14%2014%200%200%200%2021.3%209.3c-1.003-1.142-2.546-2.493-4.562-2.985l-.27-.062a1%201%200%200%201-.12.278c-1.033%201.648-1.294%204.005-1.125%206.25a17%2017%200%200%200%20.486%202.978c.226.867.47%201.447.632%201.698q.088.139.128.29zm-5.26-7.04a1%201%200%200%200-1.415-1.414c-.272.271-.47.662-.606%201.015a5.4%205.4%200%200%200-.318%201.32c-.104.928.016%202.172.924%203.08a1%201%200%200%200%201.414-1.415c-.292-.293-.422-.8-.35-1.445c.033-.306.11-.594.197-.822c.073-.19.134-.286.152-.313q.01-.014.001-.006zM17%2011a1%201%200%200%201%201-1h.001a1%201%200%201%201%200%202H18a1%201%200%200%201-1-1%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/majesticons/fish.svg?color=%231a73e8&size=48
