cat icon
cat-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- cat-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
catBoxIcons v2 SolidcatEmoji One (Colored)catFramework7 IconscatFont Awesome 6 SolidcatFont Awesome SolidcatFluent EmojicatFluent Emoji FlatcatFluent Emoji High ContrastcatFirefox OS EmojicatHuge IconscatIconParkcatIconPark OutlinecatLine AwesomecatLucidecatMaterial Design Iconscat-fillMingCute IconcatNoto EmojicatOpenMojicat-boldSolarcatStreamline EmojiscatTabler IconscatTDesign IconscatWeb3 Icons BrandedcatTwitter Emoji
Use the cat icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M223.65 29.53a20 20 0 0 0-21.79 4.34c-.2.2-.39.4-.57.61l-15 17.3a115.34 115.34 0 0 0-116.5 0l-15-17.3c-.18-.21-.37-.41-.57-.61A20 20 0 0 0 20 48v88c0 55.14 48.45 100 108 100s108-44.86 108-100V48a20 20 0 0 0-12.35-18.47M212 136c0 38.22-31.35 69.93-72 75.21V197l12.49-12.49a12 12 0 0 0-17-17L128 175l-7.51-7.52a12 12 0 0 0-17 17L116 197v14.24c-40.65-5.28-72-37-72-75.21V58.74l14.54 16.73a12 12 0 0 0 16.21 1.76A86 86 0 0 1 96 65.74V88a12 12 0 0 0 24 0V60.35q4-.35 8-.35t8 .35V88a12 12 0 0 0 24 0V65.74a86.2 86.2 0 0 1 21.25 11.49a12 12 0 0 0 16.21-1.76L212 58.74Zm-112 4a16 16 0 1 1-16-16a16 16 0 0 1 16 16m88 0a16 16 0 1 1-16-16a16 16 0 0 1 16 16"/></svg>
React
import type { SVGProps } from "react";
export function PhCatBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M223.65 29.53a20 20 0 0 0-21.79 4.34c-.2.2-.39.4-.57.61l-15 17.3a115.34 115.34 0 0 0-116.5 0l-15-17.3c-.18-.21-.37-.41-.57-.61A20 20 0 0 0 20 48v88c0 55.14 48.45 100 108 100s108-44.86 108-100V48a20 20 0 0 0-12.35-18.47M212 136c0 38.22-31.35 69.93-72 75.21V197l12.49-12.49a12 12 0 0 0-17-17L128 175l-7.51-7.52a12 12 0 0 0-17 17L116 197v14.24c-40.65-5.28-72-37-72-75.21V58.74l14.54 16.73a12 12 0 0 0 16.21 1.76A86 86 0 0 1 96 65.74V88a12 12 0 0 0 24 0V60.35q4-.35 8-.35t8 .35V88a12 12 0 0 0 24 0V65.74a86.2 86.2 0 0 1 21.25 11.49a12 12 0 0 0 16.21-1.76L212 58.74Zm-112 4a16 16 0 1 1-16-16a16 16 0 0 1 16 16m88 0a16 16 0 1 1-16-16a16 16 0 0 1 16 16"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M223.65 29.53a20 20 0 0 0-21.79 4.34c-.2.2-.39.4-.57.61l-15 17.3a115.34 115.34 0 0 0-116.5 0l-15-17.3c-.18-.21-.37-.41-.57-.61A20 20 0 0 0 20 48v88c0 55.14 48.45 100 108 100s108-44.86 108-100V48a20 20 0 0 0-12.35-18.47M212 136c0 38.22-31.35 69.93-72 75.21V197l12.49-12.49a12 12 0 0 0-17-17L128 175l-7.51-7.52a12 12 0 0 0-17 17L116 197v14.24c-40.65-5.28-72-37-72-75.21V58.74l14.54 16.73a12 12 0 0 0 16.21 1.76A86 86 0 0 1 96 65.74V88a12 12 0 0 0 24 0V60.35q4-.35 8-.35t8 .35V88a12 12 0 0 0 24 0V65.74a86.2 86.2 0 0 1 21.25 11.49a12 12 0 0 0 16.21-1.76L212 58.74Zm-112 4a16 16 0 1 1-16-16a16 16 0 0 1 16 16m88 0a16 16 0 1 1-16-16a16 16 0 0 1 16 16"/></svg> </template>
CSS
.icon-cat-bold {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M223.65%2029.53a20%2020%200%200%200-21.79%204.34c-.2.2-.39.4-.57.61l-15%2017.3a115.34%20115.34%200%200%200-116.5%200l-15-17.3c-.18-.21-.37-.41-.57-.61A20%2020%200%200%200%2020%2048v88c0%2055.14%2048.45%20100%20108%20100s108-44.86%20108-100V48a20%2020%200%200%200-12.35-18.47M212%20136c0%2038.22-31.35%2069.93-72%2075.21V197l12.49-12.49a12%2012%200%200%200-17-17L128%20175l-7.51-7.52a12%2012%200%200%200-17%2017L116%20197v14.24c-40.65-5.28-72-37-72-75.21V58.74l14.54%2016.73a12%2012%200%200%200%2016.21%201.76A86%2086%200%200%201%2096%2065.74V88a12%2012%200%200%200%2024%200V60.35q4-.35%208-.35t8%20.35V88a12%2012%200%200%200%2024%200V65.74a86.2%2086.2%200%200%201%2021.25%2011.49a12%2012%200%200%200%2016.21-1.76L212%2058.74Zm-112%204a16%2016%200%201%201-16-16a16%2016%200%200%201%2016%2016m88%200a16%2016%200%201%201-16-16a16%2016%200%200%201%2016%2016%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M223.65%2029.53a20%2020%200%200%200-21.79%204.34c-.2.2-.39.4-.57.61l-15%2017.3a115.34%20115.34%200%200%200-116.5%200l-15-17.3c-.18-.21-.37-.41-.57-.61A20%2020%200%200%200%2020%2048v88c0%2055.14%2048.45%20100%20108%20100s108-44.86%20108-100V48a20%2020%200%200%200-12.35-18.47M212%20136c0%2038.22-31.35%2069.93-72%2075.21V197l12.49-12.49a12%2012%200%200%200-17-17L128%20175l-7.51-7.52a12%2012%200%200%200-17%2017L116%20197v14.24c-40.65-5.28-72-37-72-75.21V58.74l14.54%2016.73a12%2012%200%200%200%2016.21%201.76A86%2086%200%200%201%2096%2065.74V88a12%2012%200%200%200%2024%200V60.35q4-.35%208-.35t8%20.35V88a12%2012%200%200%200%2024%200V65.74a86.2%2086.2%200%200%201%2021.25%2011.49a12%2012%200%200%200%2016.21-1.76L212%2058.74Zm-112%204a16%2016%200%201%201-16-16a16%2016%200%200%201%2016%2016m88%200a16%2016%200%201%201-16-16a16%2016%200%200%201%2016%2016%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/cat-bold.svg?color=%231a73e8&size=48
