animal cat icon
animal-cat-28-regular from Fluent UI System Icons by Microsoft Corporation · 28 Regular · MIT Free for personal and commercial use.
- Name
- animal-cat-28-regular
- Set
- Fluent UI System Icons
- Style
- 28 Regular
- Viewbox
- 28×28
- License
- MIT
7 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the animal cat icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M8.523 26h11.852a2.574 2.574 0 0 0 2.573-2.574V12.01c2.413-.096 3.86-2.775 2.57-4.857l-.754-1.216a3.18 3.18 0 0 0-2.703-1.506h-2.152V3.48A1.48 1.48 0 0 0 18.43 2a3.67 3.67 0 0 0-3.667 3.669v5.185c-1.917.187-3.364 1.095-4.427 2.371c-1.174 1.41-1.865 3.248-2.277 5.013c-.413 1.775-.56 3.538-.603 4.85a29 29 0 0 0-.013 1.412h-.988a2.957 2.957 0 0 1-2.16-4.975l1.38-1.48a5.383 5.383 0 0 0-.13-7.477L4.192 9.213a.75.75 0 1 0-1.06 1.06l1.355 1.356a3.88 3.88 0 0 1 .093 5.392l-1.38 1.48A4.459 4.459 0 0 0 6.454 26zM18.41 3.5v1.682c0 .415.335.75.75.75h2.9c.583 0 1.123.301 1.43.796l.753 1.217c.695 1.12-.11 2.569-1.429 2.569h-.616a.75.75 0 0 0-.75.75v12.162c0 .593-.48 1.074-1.073 1.074h-1.074v-1.074a4.397 4.397 0 0 0-4.396-4.399h-1.52a.75.75 0 0 0 0 1.5h1.52c1.6 0 2.897 1.298 2.897 2.899V24.5h-8.86a27 27 0 0 1 .012-1.363c.042-1.254.181-2.912.565-4.558c.386-1.655 1.006-3.238 1.969-4.393c.94-1.129 2.217-1.868 4.025-1.868a.75.75 0 0 0 .75-.75v-5.9c0-1.19.959-2.157 2.147-2.168"/></svg>
React
import type { SVGProps } from "react";
export function FluentAnimalCat28Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M8.523 26h11.852a2.574 2.574 0 0 0 2.573-2.574V12.01c2.413-.096 3.86-2.775 2.57-4.857l-.754-1.216a3.18 3.18 0 0 0-2.703-1.506h-2.152V3.48A1.48 1.48 0 0 0 18.43 2a3.67 3.67 0 0 0-3.667 3.669v5.185c-1.917.187-3.364 1.095-4.427 2.371c-1.174 1.41-1.865 3.248-2.277 5.013c-.413 1.775-.56 3.538-.603 4.85a29 29 0 0 0-.013 1.412h-.988a2.957 2.957 0 0 1-2.16-4.975l1.38-1.48a5.383 5.383 0 0 0-.13-7.477L4.192 9.213a.75.75 0 1 0-1.06 1.06l1.355 1.356a3.88 3.88 0 0 1 .093 5.392l-1.38 1.48A4.459 4.459 0 0 0 6.454 26zM18.41 3.5v1.682c0 .415.335.75.75.75h2.9c.583 0 1.123.301 1.43.796l.753 1.217c.695 1.12-.11 2.569-1.429 2.569h-.616a.75.75 0 0 0-.75.75v12.162c0 .593-.48 1.074-1.073 1.074h-1.074v-1.074a4.397 4.397 0 0 0-4.396-4.399h-1.52a.75.75 0 0 0 0 1.5h1.52c1.6 0 2.897 1.298 2.897 2.899V24.5h-8.86a27 27 0 0 1 .012-1.363c.042-1.254.181-2.912.565-4.558c.386-1.655 1.006-3.238 1.969-4.393c.94-1.129 2.217-1.868 4.025-1.868a.75.75 0 0 0 .75-.75v-5.9c0-1.19.959-2.157 2.147-2.168"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M8.523 26h11.852a2.574 2.574 0 0 0 2.573-2.574V12.01c2.413-.096 3.86-2.775 2.57-4.857l-.754-1.216a3.18 3.18 0 0 0-2.703-1.506h-2.152V3.48A1.48 1.48 0 0 0 18.43 2a3.67 3.67 0 0 0-3.667 3.669v5.185c-1.917.187-3.364 1.095-4.427 2.371c-1.174 1.41-1.865 3.248-2.277 5.013c-.413 1.775-.56 3.538-.603 4.85a29 29 0 0 0-.013 1.412h-.988a2.957 2.957 0 0 1-2.16-4.975l1.38-1.48a5.383 5.383 0 0 0-.13-7.477L4.192 9.213a.75.75 0 1 0-1.06 1.06l1.355 1.356a3.88 3.88 0 0 1 .093 5.392l-1.38 1.48A4.459 4.459 0 0 0 6.454 26zM18.41 3.5v1.682c0 .415.335.75.75.75h2.9c.583 0 1.123.301 1.43.796l.753 1.217c.695 1.12-.11 2.569-1.429 2.569h-.616a.75.75 0 0 0-.75.75v12.162c0 .593-.48 1.074-1.073 1.074h-1.074v-1.074a4.397 4.397 0 0 0-4.396-4.399h-1.52a.75.75 0 0 0 0 1.5h1.52c1.6 0 2.897 1.298 2.897 2.899V24.5h-8.86a27 27 0 0 1 .012-1.363c.042-1.254.181-2.912.565-4.558c.386-1.655 1.006-3.238 1.969-4.393c.94-1.129 2.217-1.868 4.025-1.868a.75.75 0 0 0 .75-.75v-5.9c0-1.19.959-2.157 2.147-2.168"/></svg> </template>
CSS
.icon-animal-cat-28-regular {
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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.523%2026h11.852a2.574%202.574%200%200%200%202.573-2.574V12.01c2.413-.096%203.86-2.775%202.57-4.857l-.754-1.216a3.18%203.18%200%200%200-2.703-1.506h-2.152V3.48A1.48%201.48%200%200%200%2018.43%202a3.67%203.67%200%200%200-3.667%203.669v5.185c-1.917.187-3.364%201.095-4.427%202.371c-1.174%201.41-1.865%203.248-2.277%205.013c-.413%201.775-.56%203.538-.603%204.85a29%2029%200%200%200-.013%201.412h-.988a2.957%202.957%200%200%201-2.16-4.975l1.38-1.48a5.383%205.383%200%200%200-.13-7.477L4.192%209.213a.75.75%200%201%200-1.06%201.06l1.355%201.356a3.88%203.88%200%200%201%20.093%205.392l-1.38%201.48A4.459%204.459%200%200%200%206.454%2026zM18.41%203.5v1.682c0%20.415.335.75.75.75h2.9c.583%200%201.123.301%201.43.796l.753%201.217c.695%201.12-.11%202.569-1.429%202.569h-.616a.75.75%200%200%200-.75.75v12.162c0%20.593-.48%201.074-1.073%201.074h-1.074v-1.074a4.397%204.397%200%200%200-4.396-4.399h-1.52a.75.75%200%200%200%200%201.5h1.52c1.6%200%202.897%201.298%202.897%202.899V24.5h-8.86a27%2027%200%200%201%20.012-1.363c.042-1.254.181-2.912.565-4.558c.386-1.655%201.006-3.238%201.969-4.393c.94-1.129%202.217-1.868%204.025-1.868a.75.75%200%200%200%20.75-.75v-5.9c0-1.19.959-2.157%202.147-2.168%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.523%2026h11.852a2.574%202.574%200%200%200%202.573-2.574V12.01c2.413-.096%203.86-2.775%202.57-4.857l-.754-1.216a3.18%203.18%200%200%200-2.703-1.506h-2.152V3.48A1.48%201.48%200%200%200%2018.43%202a3.67%203.67%200%200%200-3.667%203.669v5.185c-1.917.187-3.364%201.095-4.427%202.371c-1.174%201.41-1.865%203.248-2.277%205.013c-.413%201.775-.56%203.538-.603%204.85a29%2029%200%200%200-.013%201.412h-.988a2.957%202.957%200%200%201-2.16-4.975l1.38-1.48a5.383%205.383%200%200%200-.13-7.477L4.192%209.213a.75.75%200%201%200-1.06%201.06l1.355%201.356a3.88%203.88%200%200%201%20.093%205.392l-1.38%201.48A4.459%204.459%200%200%200%206.454%2026zM18.41%203.5v1.682c0%20.415.335.75.75.75h2.9c.583%200%201.123.301%201.43.796l.753%201.217c.695%201.12-.11%202.569-1.429%202.569h-.616a.75.75%200%200%200-.75.75v12.162c0%20.593-.48%201.074-1.073%201.074h-1.074v-1.074a4.397%204.397%200%200%200-4.396-4.399h-1.52a.75.75%200%200%200%200%201.5h1.52c1.6%200%202.897%201.298%202.897%202.899V24.5h-8.86a27%2027%200%200%201%20.012-1.363c.042-1.254.181-2.912.565-4.558c.386-1.655%201.006-3.238%201.969-4.393c.94-1.129%202.217-1.868%204.025-1.868a.75.75%200%200%200%20.75-.75v-5.9c0-1.19.959-2.157%202.147-2.168%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/animal-cat-28-regular.svg?color=%231a73e8&size=48
