fish3 happy icon
fish3-happy from Codicons by Microsoft Corporation · Regular · CC-BY-4.0 Attribution required.
- Name
- fish3-happy
- Set
- Codicons
- Style
- Regular
- Viewbox
- 16×16
- License
- CC BY 4.0
Related icons in Codicons
Use the fish3 happy icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M6 8c0-2.24-1.35-4.17-3.27-5.02A6 6 0 0 0 0 8c0 .67.12 1.31.32 1.91c.74-.08 1.42-.37 1.82-.77c.2-.2.51-.2.71 0s.2.51 0 .71c-.49.49-1.26.87-2.12 1.02c.48.87 1.16 1.61 1.99 2.15A5.49 5.49 0 0 0 5.99 8zM3 8c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1m8-6.5A1.498 1.498 0 0 0 8.6.3l-1.14.86c1.37.29 2.59.99 3.54 1.96zM8.6 15.7a1.498 1.498 0 0 0 2.4-1.2v-1.61a7.06 7.06 0 0 1-3.54 1.96l1.14.86zM6 2c-.77 0-1.51.15-2.19.42C5.71 3.55 7 5.63 7 8s-1.28 4.45-3.19 5.58c.68.27 1.41.42 2.19.42c3.31 0 6-2.69 6-6S9.31 2 6 2m8.75 3c-.11 0-.22.02-.33.04l-1.87.51c.29.76.45 1.58.45 2.45s-.16 1.68-.45 2.45l1.87.51c.11.03.22.04.33.04c.69 0 1.25-.56 1.25-1.25v-3.5C16 5.56 15.44 5 14.75 5"/></svg>
React
import type { SVGProps } from "react";
export function CodiconFish3Happy(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M6 8c0-2.24-1.35-4.17-3.27-5.02A6 6 0 0 0 0 8c0 .67.12 1.31.32 1.91c.74-.08 1.42-.37 1.82-.77c.2-.2.51-.2.71 0s.2.51 0 .71c-.49.49-1.26.87-2.12 1.02c.48.87 1.16 1.61 1.99 2.15A5.49 5.49 0 0 0 5.99 8zM3 8c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1m8-6.5A1.498 1.498 0 0 0 8.6.3l-1.14.86c1.37.29 2.59.99 3.54 1.96zM8.6 15.7a1.498 1.498 0 0 0 2.4-1.2v-1.61a7.06 7.06 0 0 1-3.54 1.96l1.14.86zM6 2c-.77 0-1.51.15-2.19.42C5.71 3.55 7 5.63 7 8s-1.28 4.45-3.19 5.58c.68.27 1.41.42 2.19.42c3.31 0 6-2.69 6-6S9.31 2 6 2m8.75 3c-.11 0-.22.02-.33.04l-1.87.51c.29.76.45 1.58.45 2.45s-.16 1.68-.45 2.45l1.87.51c.11.03.22.04.33.04c.69 0 1.25-.56 1.25-1.25v-3.5C16 5.56 15.44 5 14.75 5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M6 8c0-2.24-1.35-4.17-3.27-5.02A6 6 0 0 0 0 8c0 .67.12 1.31.32 1.91c.74-.08 1.42-.37 1.82-.77c.2-.2.51-.2.71 0s.2.51 0 .71c-.49.49-1.26.87-2.12 1.02c.48.87 1.16 1.61 1.99 2.15A5.49 5.49 0 0 0 5.99 8zM3 8c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1m8-6.5A1.498 1.498 0 0 0 8.6.3l-1.14.86c1.37.29 2.59.99 3.54 1.96zM8.6 15.7a1.498 1.498 0 0 0 2.4-1.2v-1.61a7.06 7.06 0 0 1-3.54 1.96l1.14.86zM6 2c-.77 0-1.51.15-2.19.42C5.71 3.55 7 5.63 7 8s-1.28 4.45-3.19 5.58c.68.27 1.41.42 2.19.42c3.31 0 6-2.69 6-6S9.31 2 6 2m8.75 3c-.11 0-.22.02-.33.04l-1.87.51c.29.76.45 1.58.45 2.45s-.16 1.68-.45 2.45l1.87.51c.11.03.22.04.33.04c.69 0 1.25-.56 1.25-1.25v-3.5C16 5.56 15.44 5 14.75 5"/></svg> </template>
CSS
.icon-fish3-happy {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6%208c0-2.24-1.35-4.17-3.27-5.02A6%206%200%200%200%200%208c0%20.67.12%201.31.32%201.91c.74-.08%201.42-.37%201.82-.77c.2-.2.51-.2.71%200s.2.51%200%20.71c-.49.49-1.26.87-2.12%201.02c.48.87%201.16%201.61%201.99%202.15A5.49%205.49%200%200%200%205.99%208zM3%208c-.55%200-1-.45-1-1s.45-1%201-1s1%20.45%201%201s-.45%201-1%201m8-6.5A1.498%201.498%200%200%200%208.6.3l-1.14.86c1.37.29%202.59.99%203.54%201.96zM8.6%2015.7a1.498%201.498%200%200%200%202.4-1.2v-1.61a7.06%207.06%200%200%201-3.54%201.96l1.14.86zM6%202c-.77%200-1.51.15-2.19.42C5.71%203.55%207%205.63%207%208s-1.28%204.45-3.19%205.58c.68.27%201.41.42%202.19.42c3.31%200%206-2.69%206-6S9.31%202%206%202m8.75%203c-.11%200-.22.02-.33.04l-1.87.51c.29.76.45%201.58.45%202.45s-.16%201.68-.45%202.45l1.87.51c.11.03.22.04.33.04c.69%200%201.25-.56%201.25-1.25v-3.5C16%205.56%2015.44%205%2014.75%205%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6%208c0-2.24-1.35-4.17-3.27-5.02A6%206%200%200%200%200%208c0%20.67.12%201.31.32%201.91c.74-.08%201.42-.37%201.82-.77c.2-.2.51-.2.71%200s.2.51%200%20.71c-.49.49-1.26.87-2.12%201.02c.48.87%201.16%201.61%201.99%202.15A5.49%205.49%200%200%200%205.99%208zM3%208c-.55%200-1-.45-1-1s.45-1%201-1s1%20.45%201%201s-.45%201-1%201m8-6.5A1.498%201.498%200%200%200%208.6.3l-1.14.86c1.37.29%202.59.99%203.54%201.96zM8.6%2015.7a1.498%201.498%200%200%200%202.4-1.2v-1.61a7.06%207.06%200%200%201-3.54%201.96l1.14.86zM6%202c-.77%200-1.51.15-2.19.42C5.71%203.55%207%205.63%207%208s-1.28%204.45-3.19%205.58c.68.27%201.41.42%202.19.42c3.31%200%206-2.69%206-6S9.31%202%206%202m8.75%203c-.11%200-.22.02-.33.04l-1.87.51c.29.76.45%201.58.45%202.45s-.16%201.68-.45%202.45l1.87.51c.11.03.22.04.33.04c.69%200%201.25-.56%201.25-1.25v-3.5C16%205.56%2015.44%205%2014.75%205%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/codicon/fish3-happy.svg?color=%231a73e8&size=48
