animal cat icon
animal-cat-16-filled from Fluent UI System Icons by Microsoft Corporation · 16 Filled · MIT Free for personal and commercial use.
- Name
- animal-cat-16-filled
- Set
- Fluent UI System Icons
- Style
- 16 Filled
- Viewbox
- 16×16
- 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 16 16"><path fill="currentColor" d="M4.66 15H3.641a2.641 2.641 0 0 1-1.93-4.445l.797-.855a2.176 2.176 0 0 0-.052-3.023l-.783-.783a.5.5 0 0 1 .707-.707l.782.783a3.176 3.176 0 0 1 .076 4.412l-.797.855A1.643 1.643 0 0 0 3.64 14h.503c-.002-.204-.001-.46.008-.752c.026-.76.11-1.783.35-2.814c.24-1.025.642-2.098 1.33-2.924c.613-.736 1.446-1.265 2.542-1.388V3.186A2.19 2.19 0 0 1 10.56 1c.508 0 .92.413.92.922v.483h1.177c.66 0 1.271.341 1.619.902l.435.702c.761 1.229-.068 2.804-1.475 2.905v6.532c0 .858-.695 1.554-1.553 1.554h-.553v-1.554a2.607 2.607 0 0 0-2.607-2.608h-.878a.5.5 0 0 0 0 1h.878c.887 0 1.607.72 1.607 1.608V15z"/></svg>
React
import type { SVGProps } from "react";
export function FluentAnimalCat16Filled(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="M4.66 15H3.641a2.641 2.641 0 0 1-1.93-4.445l.797-.855a2.176 2.176 0 0 0-.052-3.023l-.783-.783a.5.5 0 0 1 .707-.707l.782.783a3.176 3.176 0 0 1 .076 4.412l-.797.855A1.643 1.643 0 0 0 3.64 14h.503c-.002-.204-.001-.46.008-.752c.026-.76.11-1.783.35-2.814c.24-1.025.642-2.098 1.33-2.924c.613-.736 1.446-1.265 2.542-1.388V3.186A2.19 2.19 0 0 1 10.56 1c.508 0 .92.413.92.922v.483h1.177c.66 0 1.271.341 1.619.902l.435.702c.761 1.229-.068 2.804-1.475 2.905v6.532c0 .858-.695 1.554-1.553 1.554h-.553v-1.554a2.607 2.607 0 0 0-2.607-2.608h-.878a.5.5 0 0 0 0 1h.878c.887 0 1.607.72 1.607 1.608V15z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M4.66 15H3.641a2.641 2.641 0 0 1-1.93-4.445l.797-.855a2.176 2.176 0 0 0-.052-3.023l-.783-.783a.5.5 0 0 1 .707-.707l.782.783a3.176 3.176 0 0 1 .076 4.412l-.797.855A1.643 1.643 0 0 0 3.64 14h.503c-.002-.204-.001-.46.008-.752c.026-.76.11-1.783.35-2.814c.24-1.025.642-2.098 1.33-2.924c.613-.736 1.446-1.265 2.542-1.388V3.186A2.19 2.19 0 0 1 10.56 1c.508 0 .92.413.92.922v.483h1.177c.66 0 1.271.341 1.619.902l.435.702c.761 1.229-.068 2.804-1.475 2.905v6.532c0 .858-.695 1.554-1.553 1.554h-.553v-1.554a2.607 2.607 0 0 0-2.607-2.608h-.878a.5.5 0 0 0 0 1h.878c.887 0 1.607.72 1.607 1.608V15z"/></svg> </template>
CSS
.icon-animal-cat-16-filled {
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%22M4.66%2015H3.641a2.641%202.641%200%200%201-1.93-4.445l.797-.855a2.176%202.176%200%200%200-.052-3.023l-.783-.783a.5.5%200%200%201%20.707-.707l.782.783a3.176%203.176%200%200%201%20.076%204.412l-.797.855A1.643%201.643%200%200%200%203.64%2014h.503c-.002-.204-.001-.46.008-.752c.026-.76.11-1.783.35-2.814c.24-1.025.642-2.098%201.33-2.924c.613-.736%201.446-1.265%202.542-1.388V3.186A2.19%202.19%200%200%201%2010.56%201c.508%200%20.92.413.92.922v.483h1.177c.66%200%201.271.341%201.619.902l.435.702c.761%201.229-.068%202.804-1.475%202.905v6.532c0%20.858-.695%201.554-1.553%201.554h-.553v-1.554a2.607%202.607%200%200%200-2.607-2.608h-.878a.5.5%200%200%200%200%201h.878c.887%200%201.607.72%201.607%201.608V15z%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%22M4.66%2015H3.641a2.641%202.641%200%200%201-1.93-4.445l.797-.855a2.176%202.176%200%200%200-.052-3.023l-.783-.783a.5.5%200%200%201%20.707-.707l.782.783a3.176%203.176%200%200%201%20.076%204.412l-.797.855A1.643%201.643%200%200%200%203.64%2014h.503c-.002-.204-.001-.46.008-.752c.026-.76.11-1.783.35-2.814c.24-1.025.642-2.098%201.33-2.924c.613-.736%201.446-1.265%202.542-1.388V3.186A2.19%202.19%200%200%201%2010.56%201c.508%200%20.92.413.92.922v.483h1.177c.66%200%201.271.341%201.619.902l.435.702c.761%201.229-.068%202.804-1.475%202.905v6.532c0%20.858-.695%201.554-1.553%201.554h-.553v-1.554a2.607%202.607%200%200%200-2.607-2.608h-.878a.5.5%200%200%200%200%201h.878c.887%200%201.607.72%201.607%201.608V15z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/animal-cat-16-filled.svg?color=%231a73e8&size=48
