grinning cat emoji
grinning-cat from Fluent Emoji High Contrast by Microsoft Corporation · Default · Smileys & Emotion · MIT Free for personal and commercial use.
- Name
- grinning-cat
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Smileys & Emotion
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More smileys & emotion icons from Fluent Emoji High Contrast
alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbombbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecrying-cat
Use the grinning cat emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M26.225 6.135a.45.45 0 0 1 .503-.1a.4.4 0 0 1 .272.395v.363l-3.146 3.146a1.5 1.5 0 0 0 0 2.122L27 15.207v4.866l1.83-.915q.083-.042.17-.072V6.43c0-2.252-2.712-3.196-4.194-1.705L20.558 9H11.57L7.203 4.719C5.723 3.245 3 4.169 3 6.429v12.657q.087.03.17.072l1.83.915v-4.866l3.146-3.146a1.5 1.5 0 0 0 0-2.122L5 6.793V6.43a.4.4 0 0 1 .276-.394a.47.47 0 0 1 .517.1l.007.008L10.753 11H21.39zM27 13.793l-2.44-2.44a.5.5 0 0 1 0-.707L27 8.208zm-19.56-2.44L5 13.794V8.207l2.44 2.44a.5.5 0 0 1 0 .707M27 23.427v.146l2 1v-2.146zM24.082 29c1.228 0 2.355-.9 2.76-2.152l1.798.899C27.917 29.603 26.178 31 24.082 31H7.918c-2.104 0-3.877-1.36-4.587-3.239l1.804-.901C5.513 28.112 6.642 29 7.918 29zM5 23.573l-2 1v-2.146l2 1z"/><path d="M14.957 20h2.086a.5.5 0 0 1 .353.854l-1.042 1.043a.5.5 0 0 1-.708 0l-1.042-1.043a.5.5 0 0 1 .353-.854M13.5 24c1.043 0 1.962-.355 2.5-.894c.537.539 1.456.894 2.5.894c1.032 0 1.942-.347 2.482-.876c-.12.724-.928 4.376-4.982 4.376s-4.862-3.652-4.982-4.376c.54.529 1.45.876 2.482.876M2.053 20.276a.5.5 0 0 1 .67-.223l4 2a.5.5 0 1 1-.446.894l-4-2a.5.5 0 0 1-.224-.67m0 6.447a.5.5 0 0 0 .67.223l4-2a.5.5 0 1 0-.446-.894l-4 2a.5.5 0 0 0-.224.67m27.224-6.67a.5.5 0 1 1 .447.894l-4 2a.5.5 0 1 1-.448-.894zm.67 6.671a.5.5 0 0 1-.67.223l-4-2a.5.5 0 1 1 .447-.894l4 2a.5.5 0 0 1 .223.67M12 17a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0v-1a1 1 0 0 0-1-1m8 0a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0v-1a1 1 0 0 0-1-1"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastGrinningCat(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M26.225 6.135a.45.45 0 0 1 .503-.1a.4.4 0 0 1 .272.395v.363l-3.146 3.146a1.5 1.5 0 0 0 0 2.122L27 15.207v4.866l1.83-.915q.083-.042.17-.072V6.43c0-2.252-2.712-3.196-4.194-1.705L20.558 9H11.57L7.203 4.719C5.723 3.245 3 4.169 3 6.429v12.657q.087.03.17.072l1.83.915v-4.866l3.146-3.146a1.5 1.5 0 0 0 0-2.122L5 6.793V6.43a.4.4 0 0 1 .276-.394a.47.47 0 0 1 .517.1l.007.008L10.753 11H21.39zM27 13.793l-2.44-2.44a.5.5 0 0 1 0-.707L27 8.208zm-19.56-2.44L5 13.794V8.207l2.44 2.44a.5.5 0 0 1 0 .707M27 23.427v.146l2 1v-2.146zM24.082 29c1.228 0 2.355-.9 2.76-2.152l1.798.899C27.917 29.603 26.178 31 24.082 31H7.918c-2.104 0-3.877-1.36-4.587-3.239l1.804-.901C5.513 28.112 6.642 29 7.918 29zM5 23.573l-2 1v-2.146l2 1z"/><path d="M14.957 20h2.086a.5.5 0 0 1 .353.854l-1.042 1.043a.5.5 0 0 1-.708 0l-1.042-1.043a.5.5 0 0 1 .353-.854M13.5 24c1.043 0 1.962-.355 2.5-.894c.537.539 1.456.894 2.5.894c1.032 0 1.942-.347 2.482-.876c-.12.724-.928 4.376-4.982 4.376s-4.862-3.652-4.982-4.376c.54.529 1.45.876 2.482.876M2.053 20.276a.5.5 0 0 1 .67-.223l4 2a.5.5 0 1 1-.446.894l-4-2a.5.5 0 0 1-.224-.67m0 6.447a.5.5 0 0 0 .67.223l4-2a.5.5 0 1 0-.446-.894l-4 2a.5.5 0 0 0-.224.67m27.224-6.67a.5.5 0 1 1 .447.894l-4 2a.5.5 0 1 1-.448-.894zm.67 6.671a.5.5 0 0 1-.67.223l-4-2a.5.5 0 1 1 .447-.894l4 2a.5.5 0 0 1 .223.67M12 17a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0v-1a1 1 0 0 0-1-1m8 0a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0v-1a1 1 0 0 0-1-1"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M26.225 6.135a.45.45 0 0 1 .503-.1a.4.4 0 0 1 .272.395v.363l-3.146 3.146a1.5 1.5 0 0 0 0 2.122L27 15.207v4.866l1.83-.915q.083-.042.17-.072V6.43c0-2.252-2.712-3.196-4.194-1.705L20.558 9H11.57L7.203 4.719C5.723 3.245 3 4.169 3 6.429v12.657q.087.03.17.072l1.83.915v-4.866l3.146-3.146a1.5 1.5 0 0 0 0-2.122L5 6.793V6.43a.4.4 0 0 1 .276-.394a.47.47 0 0 1 .517.1l.007.008L10.753 11H21.39zM27 13.793l-2.44-2.44a.5.5 0 0 1 0-.707L27 8.208zm-19.56-2.44L5 13.794V8.207l2.44 2.44a.5.5 0 0 1 0 .707M27 23.427v.146l2 1v-2.146zM24.082 29c1.228 0 2.355-.9 2.76-2.152l1.798.899C27.917 29.603 26.178 31 24.082 31H7.918c-2.104 0-3.877-1.36-4.587-3.239l1.804-.901C5.513 28.112 6.642 29 7.918 29zM5 23.573l-2 1v-2.146l2 1z"/><path d="M14.957 20h2.086a.5.5 0 0 1 .353.854l-1.042 1.043a.5.5 0 0 1-.708 0l-1.042-1.043a.5.5 0 0 1 .353-.854M13.5 24c1.043 0 1.962-.355 2.5-.894c.537.539 1.456.894 2.5.894c1.032 0 1.942-.347 2.482-.876c-.12.724-.928 4.376-4.982 4.376s-4.862-3.652-4.982-4.376c.54.529 1.45.876 2.482.876M2.053 20.276a.5.5 0 0 1 .67-.223l4 2a.5.5 0 1 1-.446.894l-4-2a.5.5 0 0 1-.224-.67m0 6.447a.5.5 0 0 0 .67.223l4-2a.5.5 0 1 0-.446-.894l-4 2a.5.5 0 0 0-.224.67m27.224-6.67a.5.5 0 1 1 .447.894l-4 2a.5.5 0 1 1-.448-.894zm.67 6.671a.5.5 0 0 1-.67.223l-4-2a.5.5 0 1 1 .447-.894l4 2a.5.5 0 0 1 .223.67M12 17a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0v-1a1 1 0 0 0-1-1m8 0a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0v-1a1 1 0 0 0-1-1"/></g></svg> </template>
CSS
.icon-grinning-cat {
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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M26.225%206.135a.45.45%200%200%201%20.503-.1a.4.4%200%200%201%20.272.395v.363l-3.146%203.146a1.5%201.5%200%200%200%200%202.122L27%2015.207v4.866l1.83-.915q.083-.042.17-.072V6.43c0-2.252-2.712-3.196-4.194-1.705L20.558%209H11.57L7.203%204.719C5.723%203.245%203%204.169%203%206.429v12.657q.087.03.17.072l1.83.915v-4.866l3.146-3.146a1.5%201.5%200%200%200%200-2.122L5%206.793V6.43a.4.4%200%200%201%20.276-.394a.47.47%200%200%201%20.517.1l.007.008L10.753%2011H21.39zM27%2013.793l-2.44-2.44a.5.5%200%200%201%200-.707L27%208.208zm-19.56-2.44L5%2013.794V8.207l2.44%202.44a.5.5%200%200%201%200%20.707M27%2023.427v.146l2%201v-2.146zM24.082%2029c1.228%200%202.355-.9%202.76-2.152l1.798.899C27.917%2029.603%2026.178%2031%2024.082%2031H7.918c-2.104%200-3.877-1.36-4.587-3.239l1.804-.901C5.513%2028.112%206.642%2029%207.918%2029zM5%2023.573l-2%201v-2.146l2%201z%22%2F%3E%3Cpath%20d%3D%22M14.957%2020h2.086a.5.5%200%200%201%20.353.854l-1.042%201.043a.5.5%200%200%201-.708%200l-1.042-1.043a.5.5%200%200%201%20.353-.854M13.5%2024c1.043%200%201.962-.355%202.5-.894c.537.539%201.456.894%202.5.894c1.032%200%201.942-.347%202.482-.876c-.12.724-.928%204.376-4.982%204.376s-4.862-3.652-4.982-4.376c.54.529%201.45.876%202.482.876M2.053%2020.276a.5.5%200%200%201%20.67-.223l4%202a.5.5%200%201%201-.446.894l-4-2a.5.5%200%200%201-.224-.67m0%206.447a.5.5%200%200%200%20.67.223l4-2a.5.5%200%201%200-.446-.894l-4%202a.5.5%200%200%200-.224.67m27.224-6.67a.5.5%200%201%201%20.447.894l-4%202a.5.5%200%201%201-.448-.894zm.67%206.671a.5.5%200%200%201-.67.223l-4-2a.5.5%200%201%201%20.447-.894l4%202a.5.5%200%200%201%20.223.67M12%2017a1%201%200%200%200-1%201v1a1%201%200%201%200%202%200v-1a1%201%200%200%200-1-1m8%200a1%201%200%200%200-1%201v1a1%201%200%201%200%202%200v-1a1%201%200%200%200-1-1%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M26.225%206.135a.45.45%200%200%201%20.503-.1a.4.4%200%200%201%20.272.395v.363l-3.146%203.146a1.5%201.5%200%200%200%200%202.122L27%2015.207v4.866l1.83-.915q.083-.042.17-.072V6.43c0-2.252-2.712-3.196-4.194-1.705L20.558%209H11.57L7.203%204.719C5.723%203.245%203%204.169%203%206.429v12.657q.087.03.17.072l1.83.915v-4.866l3.146-3.146a1.5%201.5%200%200%200%200-2.122L5%206.793V6.43a.4.4%200%200%201%20.276-.394a.47.47%200%200%201%20.517.1l.007.008L10.753%2011H21.39zM27%2013.793l-2.44-2.44a.5.5%200%200%201%200-.707L27%208.208zm-19.56-2.44L5%2013.794V8.207l2.44%202.44a.5.5%200%200%201%200%20.707M27%2023.427v.146l2%201v-2.146zM24.082%2029c1.228%200%202.355-.9%202.76-2.152l1.798.899C27.917%2029.603%2026.178%2031%2024.082%2031H7.918c-2.104%200-3.877-1.36-4.587-3.239l1.804-.901C5.513%2028.112%206.642%2029%207.918%2029zM5%2023.573l-2%201v-2.146l2%201z%22%2F%3E%3Cpath%20d%3D%22M14.957%2020h2.086a.5.5%200%200%201%20.353.854l-1.042%201.043a.5.5%200%200%201-.708%200l-1.042-1.043a.5.5%200%200%201%20.353-.854M13.5%2024c1.043%200%201.962-.355%202.5-.894c.537.539%201.456.894%202.5.894c1.032%200%201.942-.347%202.482-.876c-.12.724-.928%204.376-4.982%204.376s-4.862-3.652-4.982-4.376c.54.529%201.45.876%202.482.876M2.053%2020.276a.5.5%200%200%201%20.67-.223l4%202a.5.5%200%201%201-.446.894l-4-2a.5.5%200%200%201-.224-.67m0%206.447a.5.5%200%200%200%20.67.223l4-2a.5.5%200%201%200-.446-.894l-4%202a.5.5%200%200%200-.224.67m27.224-6.67a.5.5%200%201%201%20.447.894l-4%202a.5.5%200%201%201-.448-.894zm.67%206.671a.5.5%200%200%201-.67.223l-4-2a.5.5%200%201%201%20.447-.894l4%202a.5.5%200%200%201%20.223.67M12%2017a1%201%200%200%200-1%201v1a1%201%200%201%200%202%200v-1a1%201%200%200%200-1-1m8%200a1%201%200%200%200-1%201v1a1%201%200%201%200%202%200v-1a1%201%200%200%200-1-1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/grinning-cat.svg?color=%231a73e8&size=48
