chicken icon
chicken-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- chicken-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
chickenEmoji One (Colored)chickenElement PluschickenFluent EmojichickenFluent Emoji FlatchickenFluent Emoji High ContrastchickenFirefox OS EmojichickenIconParkchickenIconPark OutlinechickenIconPark SolidchickenIconPark TwoTonechickenNoto EmojichickenOpenMojichickenStreamline EmojischickenTDesign IconschickenTwitter Emoji
Use the chicken icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="m15.908 11.626l.004.034c.117.927.048 1.956-.152 2.969c-.396 2-1.347 4.149-2.7 5.502c-1.366 1.366-2.978 1.93-4.591 1.786c-1.583-.142-3.062-.954-4.247-2.14s-1.999-2.664-2.14-4.247c-.144-1.613.42-3.225 1.786-4.592c1.353-1.352 3.501-2.304 5.502-2.7c1.013-.2 2.042-.268 2.968-.152l.034.005l.81-.81a3.001 3.001 0 1 1 5.605-2.07a3 3 0 1 1-2.07 5.606z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteChickenFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="m15.908 11.626l.004.034c.117.927.048 1.956-.152 2.969c-.396 2-1.347 4.149-2.7 5.502c-1.366 1.366-2.978 1.93-4.591 1.786c-1.583-.142-3.062-.954-4.247-2.14s-1.999-2.664-2.14-4.247c-.144-1.613.42-3.225 1.786-4.592c1.353-1.352 3.501-2.304 5.502-2.7c1.013-.2 2.042-.268 2.968-.152l.034.005l.81-.81a3.001 3.001 0 1 1 5.605-2.07a3 3 0 1 1-2.07 5.606z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="m15.908 11.626l.004.034c.117.927.048 1.956-.152 2.969c-.396 2-1.347 4.149-2.7 5.502c-1.366 1.366-2.978 1.93-4.591 1.786c-1.583-.142-3.062-.954-4.247-2.14s-1.999-2.664-2.14-4.247c-.144-1.613.42-3.225 1.786-4.592c1.353-1.352 3.501-2.304 5.502-2.7c1.013-.2 2.042-.268 2.968-.152l.034.005l.81-.81a3.001 3.001 0 1 1 5.605-2.07a3 3 0 1 1-2.07 5.606z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-chicken-fill {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m15.908%2011.626l.004.034c.117.927.048%201.956-.152%202.969c-.396%202-1.347%204.149-2.7%205.502c-1.366%201.366-2.978%201.93-4.591%201.786c-1.583-.142-3.062-.954-4.247-2.14s-1.999-2.664-2.14-4.247c-.144-1.613.42-3.225%201.786-4.592c1.353-1.352%203.501-2.304%205.502-2.7c1.013-.2%202.042-.268%202.968-.152l.034.005l.81-.81a3.001%203.001%200%201%201%205.605-2.07a3%203%200%201%201-2.07%205.606z%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m15.908%2011.626l.004.034c.117.927.048%201.956-.152%202.969c-.396%202-1.347%204.149-2.7%205.502c-1.366%201.366-2.978%201.93-4.591%201.786c-1.583-.142-3.062-.954-4.247-2.14s-1.999-2.664-2.14-4.247c-.144-1.613.42-3.225%201.786-4.592c1.353-1.352%203.501-2.304%205.502-2.7c1.013-.2%202.042-.268%202.968-.152l.034.005l.81-.81a3.001%203.001%200%201%201%205.605-2.07a3%203%200%201%201-2.07%205.606z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/chicken-fill.svg?color=%231a73e8&size=48