cat icon

cat from Font Awesome 6 Solid by Dave Gandy · Regular · Animals · CC-BY-4.0 Attribution required.

Name
cat
Set
Font Awesome 6 Solid
Style
Regular
Category
Animals
Viewbox
576×512
License
CC BY 4.0

The same icon in other sets

catBoxIcons v2 SolidcatEmoji One (Colored)catFramework7 IconscatFont Awesome SolidcatFluent EmojicatFluent Emoji FlatcatFluent Emoji High ContrastcatFirefox OS EmojicatHuge IconscatIconParkcatIconPark OutlinecatLine AwesomecatLucidecatMaterial Design Iconscat-fillMingCute IconcatNoto EmojicatOpenMojicatPhosphorcat-boldSolarcatStreamline EmojiscatTabler IconscatTDesign IconscatWeb3 Icons BrandedcatTwitter Emoji

More animals icons from Font Awesome 6 Solid

crowdogdovedragonfeatherfishfroghippohorsehorse-headkiwi-birdotterpawspider

Use the cat icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M320 192h17.1c22.1 38.3 63.5 64 110.9 64c11 0 21.8-1.4 32-4v228c0 17.7-14.3 32-32 32s-32-14.3-32-32V339.2L280 448h56c17.7 0 32 14.3 32 32s-14.3 32-32 32H192c-53 0-96-43-96-96V192.5c0-16.1-12-29.8-28-31.8l-7.9-1c-17.5-2.2-30-18.2-27.8-35.7S50.5 94 68 96.2l7.9 1c48 6 84.1 46.8 84.1 95.3v85.3c34.4-51.7 93.2-85.8 160-85.8m160 26.5c-10 3.5-20.8 5.5-32 5.5c-28.4 0-54-12.4-71.6-32q-5.55-6.15-9.9-13.2C357.3 164 352 146.6 352 128V10.7C352 4.8 356.7.1 362.6 0h.2c3.3 0 6.4 1.6 8.4 4.2v.1l12.8 17l27.2 36.3L416 64h64l4.8-6.4L512 21.3l12.8-17v-.1c2-2.6 5.1-4.2 8.4-4.2h.2c5.9.1 10.6 4.8 10.6 10.7V128c0 17.3-4.6 33.6-12.6 47.6c-11.3 19.8-29.6 35.2-51.4 42.9M432 128a16 16 0 1 0-32 0a16 16 0 1 0 32 0m48 16a16 16 0 1 0 0-32a16 16 0 1 0 0 32"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidCat(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M320 192h17.1c22.1 38.3 63.5 64 110.9 64c11 0 21.8-1.4 32-4v228c0 17.7-14.3 32-32 32s-32-14.3-32-32V339.2L280 448h56c17.7 0 32 14.3 32 32s-14.3 32-32 32H192c-53 0-96-43-96-96V192.5c0-16.1-12-29.8-28-31.8l-7.9-1c-17.5-2.2-30-18.2-27.8-35.7S50.5 94 68 96.2l7.9 1c48 6 84.1 46.8 84.1 95.3v85.3c34.4-51.7 93.2-85.8 160-85.8m160 26.5c-10 3.5-20.8 5.5-32 5.5c-28.4 0-54-12.4-71.6-32q-5.55-6.15-9.9-13.2C357.3 164 352 146.6 352 128V10.7C352 4.8 356.7.1 362.6 0h.2c3.3 0 6.4 1.6 8.4 4.2v.1l12.8 17l27.2 36.3L416 64h64l4.8-6.4L512 21.3l12.8-17v-.1c2-2.6 5.1-4.2 8.4-4.2h.2c5.9.1 10.6 4.8 10.6 10.7V128c0 17.3-4.6 33.6-12.6 47.6c-11.3 19.8-29.6 35.2-51.4 42.9M432 128a16 16 0 1 0-32 0a16 16 0 1 0 32 0m48 16a16 16 0 1 0 0-32a16 16 0 1 0 0 32"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M320 192h17.1c22.1 38.3 63.5 64 110.9 64c11 0 21.8-1.4 32-4v228c0 17.7-14.3 32-32 32s-32-14.3-32-32V339.2L280 448h56c17.7 0 32 14.3 32 32s-14.3 32-32 32H192c-53 0-96-43-96-96V192.5c0-16.1-12-29.8-28-31.8l-7.9-1c-17.5-2.2-30-18.2-27.8-35.7S50.5 94 68 96.2l7.9 1c48 6 84.1 46.8 84.1 95.3v85.3c34.4-51.7 93.2-85.8 160-85.8m160 26.5c-10 3.5-20.8 5.5-32 5.5c-28.4 0-54-12.4-71.6-32q-5.55-6.15-9.9-13.2C357.3 164 352 146.6 352 128V10.7C352 4.8 356.7.1 362.6 0h.2c3.3 0 6.4 1.6 8.4 4.2v.1l12.8 17l27.2 36.3L416 64h64l4.8-6.4L512 21.3l12.8-17v-.1c2-2.6 5.1-4.2 8.4-4.2h.2c5.9.1 10.6 4.8 10.6 10.7V128c0 17.3-4.6 33.6-12.6 47.6c-11.3 19.8-29.6 35.2-51.4 42.9M432 128a16 16 0 1 0-32 0a16 16 0 1 0 32 0m48 16a16 16 0 1 0 0-32a16 16 0 1 0 0 32"/></svg>
</template>

CSS

.icon-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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20192h17.1c22.1%2038.3%2063.5%2064%20110.9%2064c11%200%2021.8-1.4%2032-4v228c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32V339.2L280%20448h56c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032H192c-53%200-96-43-96-96V192.5c0-16.1-12-29.8-28-31.8l-7.9-1c-17.5-2.2-30-18.2-27.8-35.7S50.5%2094%2068%2096.2l7.9%201c48%206%2084.1%2046.8%2084.1%2095.3v85.3c34.4-51.7%2093.2-85.8%20160-85.8m160%2026.5c-10%203.5-20.8%205.5-32%205.5c-28.4%200-54-12.4-71.6-32q-5.55-6.15-9.9-13.2C357.3%20164%20352%20146.6%20352%20128V10.7C352%204.8%20356.7.1%20362.6%200h.2c3.3%200%206.4%201.6%208.4%204.2v.1l12.8%2017l27.2%2036.3L416%2064h64l4.8-6.4L512%2021.3l12.8-17v-.1c2-2.6%205.1-4.2%208.4-4.2h.2c5.9.1%2010.6%204.8%2010.6%2010.7V128c0%2017.3-4.6%2033.6-12.6%2047.6c-11.3%2019.8-29.6%2035.2-51.4%2042.9M432%20128a16%2016%200%201%200-32%200a16%2016%200%201%200%2032%200m48%2016a16%2016%200%201%200%200-32a16%2016%200%201%200%200%2032%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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20192h17.1c22.1%2038.3%2063.5%2064%20110.9%2064c11%200%2021.8-1.4%2032-4v228c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32V339.2L280%20448h56c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032H192c-53%200-96-43-96-96V192.5c0-16.1-12-29.8-28-31.8l-7.9-1c-17.5-2.2-30-18.2-27.8-35.7S50.5%2094%2068%2096.2l7.9%201c48%206%2084.1%2046.8%2084.1%2095.3v85.3c34.4-51.7%2093.2-85.8%20160-85.8m160%2026.5c-10%203.5-20.8%205.5-32%205.5c-28.4%200-54-12.4-71.6-32q-5.55-6.15-9.9-13.2C357.3%20164%20352%20146.6%20352%20128V10.7C352%204.8%20356.7.1%20362.6%200h.2c3.3%200%206.4%201.6%208.4%204.2v.1l12.8%2017l27.2%2036.3L416%2064h64l4.8-6.4L512%2021.3l12.8-17v-.1c2-2.6%205.1-4.2%208.4-4.2h.2c5.9.1%2010.6%204.8%2010.6%2010.7V128c0%2017.3-4.6%2033.6-12.6%2047.6c-11.3%2019.8-29.6%2035.2-51.4%2042.9M432%20128a16%2016%200%201%200-32%200a16%2016%200%201%200%2032%200m48%2016a16%2016%200%201%200%200-32a16%2016%200%201%200%200%2032%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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