cat face emoji

cat-face from Emoji One (Colored) by Emoji One · Default · Nature · CC-BY-4.0 Attribution required.

Name
cat-face
Set
Emoji One (Colored)
Style
Default
Category
Nature
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

cat-faceFluent Emojicat-faceFluent Emoji Flatcat-faceFluent Emoji High Contrastcat-faceNoto Emojicat-faceOpenMojicat-faceStreamline Emojiscat-faceTwitter Emoji

More nature icons from Emoji One (Colored)

antbaby-chickbatbear-facebirdblossomblowfishboarbouquetbugbutterflycactuscamelcatcherry-blossomchickenchipmunkcloudcloud-with-lightningcloud-with-lightning-and-raincloud-with-raincloud-with-snowcollisioncomet

Use the cat face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#4c5359" d="M4.5 2.2c-3.5 2.2-3.4 25.5.8 33l26.1-16c-4-7.1-23.6-19-26.9-17"/><path fill="#f7a4a4" d="M9.5 11.3c-1.5.9-2.2 16.2.4 21l16.7-10.2c-2.4-4.6-15.7-11.6-17.1-10.8"/><path fill="#4c5359" d="M59.5 2.2c3.5 2.2 3.4 25.5-.7 33l-26.1-16c3.9-7.1 23.5-19 26.8-17"/><path fill="#f7a4a4" d="M54.5 11.3c1.5.9 2.2 16.2-.4 21L37.3 22.1c2.5-4.6 15.8-11.6 17.2-10.8"/><path fill="#4c5359" d="M31.8 13.1C4.7 13.1 2.2 32.5 2.2 43.5C2.2 48 15.4 62 31.8 62s29.6-14 29.6-18.5c0-11-2.5-30.4-29.6-30.4"/><path fill="#bfffab" d="M24.2 38.7s-3.1 4.8-8.8 3.3s-6-7.2-6-7.2s3.1-4.8 8.8-3.3c5.8 1.5 6 7.2 6 7.2"/><path fill="#93e67f" d="M23.6 36.2s-2.7 3-6.5 3c-4.1 0-6.5-5.9-6.5-5.9s2.7-3.1 7.6-1.9c4.5 1.2 5.4 4.8 5.4 4.8"/><path fill="#4c5359" d="M19.4 36.1c0 6.6-3.2 6.6-3.2 0c.1-6.6 3.2-6.6 3.2 0"/><path fill="#bfffab" d="M39.4 38.7s3.1 4.8 8.8 3.3s6-7.2 6-7.2s-3.1-4.8-8.8-3.3c-5.8 1.5-6 7.2-6 7.2"/><path fill="#93e67f" d="M39.9 36.2s2.7 3 6.5 3c4.1 0 6.5-5.9 6.5-5.9s-2.7-3.1-7.6-1.9c-4.5 1.2-5.4 4.8-5.4 4.8"/><path fill="#4c5359" d="M44.1 36.1c0 6.6 3.2 6.6 3.2 0s-3.2-6.6-3.2 0"/><path fill="#fff" d="M40.4 44c-2.6-2-5.4-8.7-8.6-8.7S25.7 42 23.1 44c-4.1 3.2-15 6.8-15 6.8S19.7 61 31.7 61s23.6-10.2 23.6-10.2c.1 0-10.8-3.6-14.9-6.8"/><ellipse cx="31.8" cy="54.5" fill="#ff94a4" rx="1.7" ry="2.5"/><g fill="#4c5359"><path d="M40.2 53.1c-1 .6-2.1.8-3.1.8c-1.1-.1-2.1-.4-2.9-1.1c-.8-.6-1.4-1.5-1.6-2.6l-.8-4.5l-.8 4.5c-.2 1-.8 1.9-1.6 2.6s-1.9 1-2.9 1.1c-1.1 0-2.2-.2-3.1-.8c-1-.6-1.8-1.5-2.2-2.7c.1 1.3.7 2.5 1.7 3.4s2.3 1.4 3.5 1.4c1.4.1 2.7-.3 3.8-1.1c.6-.4 1.1-1 1.5-1.6c.4.6.9 1.2 1.5 1.6c1.1.8 2.5 1.2 3.8 1.1s2.6-.6 3.6-1.4c1-.9 1.7-2.1 1.7-3.4c-.3 1.1-1.1 2.1-2.1 2.7"/><path d="M35.8 44.8c-.8-1-3.3-1.1-4-1.1s-3.2.1-4 1.1c-.6.7-.1 2.5 1.4 4c1 1 1.9 1.3 2.6 1.3s1.7-.3 2.6-1.3c1.5-1.6 2-3.3 1.4-4"/></g></svg>

React

import type { SVGProps } from "react";

export function EmojioneCatFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#4c5359" d="M4.5 2.2c-3.5 2.2-3.4 25.5.8 33l26.1-16c-4-7.1-23.6-19-26.9-17"/><path fill="#f7a4a4" d="M9.5 11.3c-1.5.9-2.2 16.2.4 21l16.7-10.2c-2.4-4.6-15.7-11.6-17.1-10.8"/><path fill="#4c5359" d="M59.5 2.2c3.5 2.2 3.4 25.5-.7 33l-26.1-16c3.9-7.1 23.5-19 26.8-17"/><path fill="#f7a4a4" d="M54.5 11.3c1.5.9 2.2 16.2-.4 21L37.3 22.1c2.5-4.6 15.8-11.6 17.2-10.8"/><path fill="#4c5359" d="M31.8 13.1C4.7 13.1 2.2 32.5 2.2 43.5C2.2 48 15.4 62 31.8 62s29.6-14 29.6-18.5c0-11-2.5-30.4-29.6-30.4"/><path fill="#bfffab" d="M24.2 38.7s-3.1 4.8-8.8 3.3s-6-7.2-6-7.2s3.1-4.8 8.8-3.3c5.8 1.5 6 7.2 6 7.2"/><path fill="#93e67f" d="M23.6 36.2s-2.7 3-6.5 3c-4.1 0-6.5-5.9-6.5-5.9s2.7-3.1 7.6-1.9c4.5 1.2 5.4 4.8 5.4 4.8"/><path fill="#4c5359" d="M19.4 36.1c0 6.6-3.2 6.6-3.2 0c.1-6.6 3.2-6.6 3.2 0"/><path fill="#bfffab" d="M39.4 38.7s3.1 4.8 8.8 3.3s6-7.2 6-7.2s-3.1-4.8-8.8-3.3c-5.8 1.5-6 7.2-6 7.2"/><path fill="#93e67f" d="M39.9 36.2s2.7 3 6.5 3c4.1 0 6.5-5.9 6.5-5.9s-2.7-3.1-7.6-1.9c-4.5 1.2-5.4 4.8-5.4 4.8"/><path fill="#4c5359" d="M44.1 36.1c0 6.6 3.2 6.6 3.2 0s-3.2-6.6-3.2 0"/><path fill="#fff" d="M40.4 44c-2.6-2-5.4-8.7-8.6-8.7S25.7 42 23.1 44c-4.1 3.2-15 6.8-15 6.8S19.7 61 31.7 61s23.6-10.2 23.6-10.2c.1 0-10.8-3.6-14.9-6.8"/><ellipse cx="31.8" cy="54.5" fill="#ff94a4" rx="1.7" ry="2.5"/><g fill="#4c5359"><path d="M40.2 53.1c-1 .6-2.1.8-3.1.8c-1.1-.1-2.1-.4-2.9-1.1c-.8-.6-1.4-1.5-1.6-2.6l-.8-4.5l-.8 4.5c-.2 1-.8 1.9-1.6 2.6s-1.9 1-2.9 1.1c-1.1 0-2.2-.2-3.1-.8c-1-.6-1.8-1.5-2.2-2.7c.1 1.3.7 2.5 1.7 3.4s2.3 1.4 3.5 1.4c1.4.1 2.7-.3 3.8-1.1c.6-.4 1.1-1 1.5-1.6c.4.6.9 1.2 1.5 1.6c1.1.8 2.5 1.2 3.8 1.1s2.6-.6 3.6-1.4c1-.9 1.7-2.1 1.7-3.4c-.3 1.1-1.1 2.1-2.1 2.7"/><path d="M35.8 44.8c-.8-1-3.3-1.1-4-1.1s-3.2.1-4 1.1c-.6.7-.1 2.5 1.4 4c1 1 1.9 1.3 2.6 1.3s1.7-.3 2.6-1.3c1.5-1.6 2-3.3 1.4-4"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#4c5359" d="M4.5 2.2c-3.5 2.2-3.4 25.5.8 33l26.1-16c-4-7.1-23.6-19-26.9-17"/><path fill="#f7a4a4" d="M9.5 11.3c-1.5.9-2.2 16.2.4 21l16.7-10.2c-2.4-4.6-15.7-11.6-17.1-10.8"/><path fill="#4c5359" d="M59.5 2.2c3.5 2.2 3.4 25.5-.7 33l-26.1-16c3.9-7.1 23.5-19 26.8-17"/><path fill="#f7a4a4" d="M54.5 11.3c1.5.9 2.2 16.2-.4 21L37.3 22.1c2.5-4.6 15.8-11.6 17.2-10.8"/><path fill="#4c5359" d="M31.8 13.1C4.7 13.1 2.2 32.5 2.2 43.5C2.2 48 15.4 62 31.8 62s29.6-14 29.6-18.5c0-11-2.5-30.4-29.6-30.4"/><path fill="#bfffab" d="M24.2 38.7s-3.1 4.8-8.8 3.3s-6-7.2-6-7.2s3.1-4.8 8.8-3.3c5.8 1.5 6 7.2 6 7.2"/><path fill="#93e67f" d="M23.6 36.2s-2.7 3-6.5 3c-4.1 0-6.5-5.9-6.5-5.9s2.7-3.1 7.6-1.9c4.5 1.2 5.4 4.8 5.4 4.8"/><path fill="#4c5359" d="M19.4 36.1c0 6.6-3.2 6.6-3.2 0c.1-6.6 3.2-6.6 3.2 0"/><path fill="#bfffab" d="M39.4 38.7s3.1 4.8 8.8 3.3s6-7.2 6-7.2s-3.1-4.8-8.8-3.3c-5.8 1.5-6 7.2-6 7.2"/><path fill="#93e67f" d="M39.9 36.2s2.7 3 6.5 3c4.1 0 6.5-5.9 6.5-5.9s-2.7-3.1-7.6-1.9c-4.5 1.2-5.4 4.8-5.4 4.8"/><path fill="#4c5359" d="M44.1 36.1c0 6.6 3.2 6.6 3.2 0s-3.2-6.6-3.2 0"/><path fill="#fff" d="M40.4 44c-2.6-2-5.4-8.7-8.6-8.7S25.7 42 23.1 44c-4.1 3.2-15 6.8-15 6.8S19.7 61 31.7 61s23.6-10.2 23.6-10.2c.1 0-10.8-3.6-14.9-6.8"/><ellipse cx="31.8" cy="54.5" fill="#ff94a4" rx="1.7" ry="2.5"/><g fill="#4c5359"><path d="M40.2 53.1c-1 .6-2.1.8-3.1.8c-1.1-.1-2.1-.4-2.9-1.1c-.8-.6-1.4-1.5-1.6-2.6l-.8-4.5l-.8 4.5c-.2 1-.8 1.9-1.6 2.6s-1.9 1-2.9 1.1c-1.1 0-2.2-.2-3.1-.8c-1-.6-1.8-1.5-2.2-2.7c.1 1.3.7 2.5 1.7 3.4s2.3 1.4 3.5 1.4c1.4.1 2.7-.3 3.8-1.1c.6-.4 1.1-1 1.5-1.6c.4.6.9 1.2 1.5 1.6c1.1.8 2.5 1.2 3.8 1.1s2.6-.6 3.6-1.4c1-.9 1.7-2.1 1.7-3.4c-.3 1.1-1.1 2.1-2.1 2.7"/><path d="M35.8 44.8c-.8-1-3.3-1.1-4-1.1s-3.2.1-4 1.1c-.6.7-.1 2.5 1.4 4c1 1 1.9 1.3 2.6 1.3s1.7-.3 2.6-1.3c1.5-1.6 2-3.3 1.4-4"/></g></svg>
</template>

CSS

.icon-cat-face {
  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%2064%2064%22%3E%3Cpath%20fill%3D%22%234c5359%22%20d%3D%22M4.5%202.2c-3.5%202.2-3.4%2025.5.8%2033l26.1-16c-4-7.1-23.6-19-26.9-17%22%2F%3E%3Cpath%20fill%3D%22%23f7a4a4%22%20d%3D%22M9.5%2011.3c-1.5.9-2.2%2016.2.4%2021l16.7-10.2c-2.4-4.6-15.7-11.6-17.1-10.8%22%2F%3E%3Cpath%20fill%3D%22%234c5359%22%20d%3D%22M59.5%202.2c3.5%202.2%203.4%2025.5-.7%2033l-26.1-16c3.9-7.1%2023.5-19%2026.8-17%22%2F%3E%3Cpath%20fill%3D%22%23f7a4a4%22%20d%3D%22M54.5%2011.3c1.5.9%202.2%2016.2-.4%2021L37.3%2022.1c2.5-4.6%2015.8-11.6%2017.2-10.8%22%2F%3E%3Cpath%20fill%3D%22%234c5359%22%20d%3D%22M31.8%2013.1C4.7%2013.1%202.2%2032.5%202.2%2043.5C2.2%2048%2015.4%2062%2031.8%2062s29.6-14%2029.6-18.5c0-11-2.5-30.4-29.6-30.4%22%2F%3E%3Cpath%20fill%3D%22%23bfffab%22%20d%3D%22M24.2%2038.7s-3.1%204.8-8.8%203.3s-6-7.2-6-7.2s3.1-4.8%208.8-3.3c5.8%201.5%206%207.2%206%207.2%22%2F%3E%3Cpath%20fill%3D%22%2393e67f%22%20d%3D%22M23.6%2036.2s-2.7%203-6.5%203c-4.1%200-6.5-5.9-6.5-5.9s2.7-3.1%207.6-1.9c4.5%201.2%205.4%204.8%205.4%204.8%22%2F%3E%3Cpath%20fill%3D%22%234c5359%22%20d%3D%22M19.4%2036.1c0%206.6-3.2%206.6-3.2%200c.1-6.6%203.2-6.6%203.2%200%22%2F%3E%3Cpath%20fill%3D%22%23bfffab%22%20d%3D%22M39.4%2038.7s3.1%204.8%208.8%203.3s6-7.2%206-7.2s-3.1-4.8-8.8-3.3c-5.8%201.5-6%207.2-6%207.2%22%2F%3E%3Cpath%20fill%3D%22%2393e67f%22%20d%3D%22M39.9%2036.2s2.7%203%206.5%203c4.1%200%206.5-5.9%206.5-5.9s-2.7-3.1-7.6-1.9c-4.5%201.2-5.4%204.8-5.4%204.8%22%2F%3E%3Cpath%20fill%3D%22%234c5359%22%20d%3D%22M44.1%2036.1c0%206.6%203.2%206.6%203.2%200s-3.2-6.6-3.2%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M40.4%2044c-2.6-2-5.4-8.7-8.6-8.7S25.7%2042%2023.1%2044c-4.1%203.2-15%206.8-15%206.8S19.7%2061%2031.7%2061s23.6-10.2%2023.6-10.2c.1%200-10.8-3.6-14.9-6.8%22%2F%3E%3Cellipse%20cx%3D%2231.8%22%20cy%3D%2254.5%22%20fill%3D%22%23ff94a4%22%20rx%3D%221.7%22%20ry%3D%222.5%22%2F%3E%3Cg%20fill%3D%22%234c5359%22%3E%3Cpath%20d%3D%22M40.2%2053.1c-1%20.6-2.1.8-3.1.8c-1.1-.1-2.1-.4-2.9-1.1c-.8-.6-1.4-1.5-1.6-2.6l-.8-4.5l-.8%204.5c-.2%201-.8%201.9-1.6%202.6s-1.9%201-2.9%201.1c-1.1%200-2.2-.2-3.1-.8c-1-.6-1.8-1.5-2.2-2.7c.1%201.3.7%202.5%201.7%203.4s2.3%201.4%203.5%201.4c1.4.1%202.7-.3%203.8-1.1c.6-.4%201.1-1%201.5-1.6c.4.6.9%201.2%201.5%201.6c1.1.8%202.5%201.2%203.8%201.1s2.6-.6%203.6-1.4c1-.9%201.7-2.1%201.7-3.4c-.3%201.1-1.1%202.1-2.1%202.7%22%2F%3E%3Cpath%20d%3D%22M35.8%2044.8c-.8-1-3.3-1.1-4-1.1s-3.2.1-4%201.1c-.6.7-.1%202.5%201.4%204c1%201%201.9%201.3%202.6%201.3s1.7-.3%202.6-1.3c1.5-1.6%202-3.3%201.4-4%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%2064%2064%22%3E%3Cpath%20fill%3D%22%234c5359%22%20d%3D%22M4.5%202.2c-3.5%202.2-3.4%2025.5.8%2033l26.1-16c-4-7.1-23.6-19-26.9-17%22%2F%3E%3Cpath%20fill%3D%22%23f7a4a4%22%20d%3D%22M9.5%2011.3c-1.5.9-2.2%2016.2.4%2021l16.7-10.2c-2.4-4.6-15.7-11.6-17.1-10.8%22%2F%3E%3Cpath%20fill%3D%22%234c5359%22%20d%3D%22M59.5%202.2c3.5%202.2%203.4%2025.5-.7%2033l-26.1-16c3.9-7.1%2023.5-19%2026.8-17%22%2F%3E%3Cpath%20fill%3D%22%23f7a4a4%22%20d%3D%22M54.5%2011.3c1.5.9%202.2%2016.2-.4%2021L37.3%2022.1c2.5-4.6%2015.8-11.6%2017.2-10.8%22%2F%3E%3Cpath%20fill%3D%22%234c5359%22%20d%3D%22M31.8%2013.1C4.7%2013.1%202.2%2032.5%202.2%2043.5C2.2%2048%2015.4%2062%2031.8%2062s29.6-14%2029.6-18.5c0-11-2.5-30.4-29.6-30.4%22%2F%3E%3Cpath%20fill%3D%22%23bfffab%22%20d%3D%22M24.2%2038.7s-3.1%204.8-8.8%203.3s-6-7.2-6-7.2s3.1-4.8%208.8-3.3c5.8%201.5%206%207.2%206%207.2%22%2F%3E%3Cpath%20fill%3D%22%2393e67f%22%20d%3D%22M23.6%2036.2s-2.7%203-6.5%203c-4.1%200-6.5-5.9-6.5-5.9s2.7-3.1%207.6-1.9c4.5%201.2%205.4%204.8%205.4%204.8%22%2F%3E%3Cpath%20fill%3D%22%234c5359%22%20d%3D%22M19.4%2036.1c0%206.6-3.2%206.6-3.2%200c.1-6.6%203.2-6.6%203.2%200%22%2F%3E%3Cpath%20fill%3D%22%23bfffab%22%20d%3D%22M39.4%2038.7s3.1%204.8%208.8%203.3s6-7.2%206-7.2s-3.1-4.8-8.8-3.3c-5.8%201.5-6%207.2-6%207.2%22%2F%3E%3Cpath%20fill%3D%22%2393e67f%22%20d%3D%22M39.9%2036.2s2.7%203%206.5%203c4.1%200%206.5-5.9%206.5-5.9s-2.7-3.1-7.6-1.9c-4.5%201.2-5.4%204.8-5.4%204.8%22%2F%3E%3Cpath%20fill%3D%22%234c5359%22%20d%3D%22M44.1%2036.1c0%206.6%203.2%206.6%203.2%200s-3.2-6.6-3.2%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M40.4%2044c-2.6-2-5.4-8.7-8.6-8.7S25.7%2042%2023.1%2044c-4.1%203.2-15%206.8-15%206.8S19.7%2061%2031.7%2061s23.6-10.2%2023.6-10.2c.1%200-10.8-3.6-14.9-6.8%22%2F%3E%3Cellipse%20cx%3D%2231.8%22%20cy%3D%2254.5%22%20fill%3D%22%23ff94a4%22%20rx%3D%221.7%22%20ry%3D%222.5%22%2F%3E%3Cg%20fill%3D%22%234c5359%22%3E%3Cpath%20d%3D%22M40.2%2053.1c-1%20.6-2.1.8-3.1.8c-1.1-.1-2.1-.4-2.9-1.1c-.8-.6-1.4-1.5-1.6-2.6l-.8-4.5l-.8%204.5c-.2%201-.8%201.9-1.6%202.6s-1.9%201-2.9%201.1c-1.1%200-2.2-.2-3.1-.8c-1-.6-1.8-1.5-2.2-2.7c.1%201.3.7%202.5%201.7%203.4s2.3%201.4%203.5%201.4c1.4.1%202.7-.3%203.8-1.1c.6-.4%201.1-1%201.5-1.6c.4.6.9%201.2%201.5%201.6c1.1.8%202.5%201.2%203.8%201.1s2.6-.6%203.6-1.4c1-.9%201.7-2.1%201.7-3.4c-.3%201.1-1.1%202.1-2.1%202.7%22%2F%3E%3Cpath%20d%3D%22M35.8%2044.8c-.8-1-3.3-1.1-4-1.1s-3.2.1-4%201.1c-.6.7-.1%202.5%201.4%204c1%201%201.9%201.3%202.6%201.3s1.7-.3%202.6-1.3c1.5-1.6%202-3.3%201.4-4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/cat-face.svg?color=%231a73e8&size=48