chicken emoji
chicken from Twitter Emoji by Twitter · Default · Animals & Nature · CC-BY-4.0 Attribution required.
- Name
- chicken
- Set
- Twitter Emoji
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
chickenEmoji One (Colored)chickenElement PluschickenFluent EmojichickenFluent Emoji FlatchickenFluent Emoji High ContrastchickenFirefox OS EmojichickenIconParkchickenIconPark OutlinechickenIconPark SolidchickenIconPark TwoTonechicken-fillMingCute IconchickenNoto EmojichickenOpenMojichickenStreamline EmojischickenTDesign Icons
More animals & nature icons from Twitter Emoji
Use the chicken emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e1e8ed" d="M20.143 32.215a2.143 2.143 0 1 1-4.286 0a2.143 2.143 0 0 1 4.286 0"/><path fill="#e1e8ed" d="M27.643 15.643C27.643 10.317 23.324 6 18 6a9.643 9.643 0 0 0-9.643 9.643c0 5.357-1.071 16.572-1.071 16.572a2.143 2.143 0 0 0 4.286 0a2.144 2.144 0 0 0 4.285 0h4.286a2.144 2.144 0 0 0 4.287 0a2.143 2.143 0 0 0 4.286 0c-.002 0-1.073-11.215-1.073-16.572"/><path fill="#dd2e44" d="M20 3c0 2.209-1.447 6-2 6s-2-3.791-2-6s1.448-3 2-3c.553 0 2 .791 2 3m-4.365 30c0-2.612 1.711-8 2.365-8c.653 0 2.365 5.388 2.365 8S18.652 36 18 36c-.654 0-2.365-.388-2.365-3"/><ellipse cx="18" cy="22.5" fill="#f4900c" rx="7" ry="4.5"/><path fill="#ffac33" d="M25 22.5c0 1.5-14 1.5-14 0s4.791-4.5 7-4.5s7 3 7 4.5"/><circle cx="11.5" cy="18.5" r="1.5" fill="#292f33"/><circle cx="24.5" cy="18.5" r="1.5" fill="#292f33"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiChicken(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e1e8ed" d="M20.143 32.215a2.143 2.143 0 1 1-4.286 0a2.143 2.143 0 0 1 4.286 0"/><path fill="#e1e8ed" d="M27.643 15.643C27.643 10.317 23.324 6 18 6a9.643 9.643 0 0 0-9.643 9.643c0 5.357-1.071 16.572-1.071 16.572a2.143 2.143 0 0 0 4.286 0a2.144 2.144 0 0 0 4.285 0h4.286a2.144 2.144 0 0 0 4.287 0a2.143 2.143 0 0 0 4.286 0c-.002 0-1.073-11.215-1.073-16.572"/><path fill="#dd2e44" d="M20 3c0 2.209-1.447 6-2 6s-2-3.791-2-6s1.448-3 2-3c.553 0 2 .791 2 3m-4.365 30c0-2.612 1.711-8 2.365-8c.653 0 2.365 5.388 2.365 8S18.652 36 18 36c-.654 0-2.365-.388-2.365-3"/><ellipse cx="18" cy="22.5" fill="#f4900c" rx="7" ry="4.5"/><path fill="#ffac33" d="M25 22.5c0 1.5-14 1.5-14 0s4.791-4.5 7-4.5s7 3 7 4.5"/><circle cx="11.5" cy="18.5" r="1.5" fill="#292f33"/><circle cx="24.5" cy="18.5" r="1.5" fill="#292f33"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e1e8ed" d="M20.143 32.215a2.143 2.143 0 1 1-4.286 0a2.143 2.143 0 0 1 4.286 0"/><path fill="#e1e8ed" d="M27.643 15.643C27.643 10.317 23.324 6 18 6a9.643 9.643 0 0 0-9.643 9.643c0 5.357-1.071 16.572-1.071 16.572a2.143 2.143 0 0 0 4.286 0a2.144 2.144 0 0 0 4.285 0h4.286a2.144 2.144 0 0 0 4.287 0a2.143 2.143 0 0 0 4.286 0c-.002 0-1.073-11.215-1.073-16.572"/><path fill="#dd2e44" d="M20 3c0 2.209-1.447 6-2 6s-2-3.791-2-6s1.448-3 2-3c.553 0 2 .791 2 3m-4.365 30c0-2.612 1.711-8 2.365-8c.653 0 2.365 5.388 2.365 8S18.652 36 18 36c-.654 0-2.365-.388-2.365-3"/><ellipse cx="18" cy="22.5" fill="#f4900c" rx="7" ry="4.5"/><path fill="#ffac33" d="M25 22.5c0 1.5-14 1.5-14 0s4.791-4.5 7-4.5s7 3 7 4.5"/><circle cx="11.5" cy="18.5" r="1.5" fill="#292f33"/><circle cx="24.5" cy="18.5" r="1.5" fill="#292f33"/></svg> </template>
CSS
.icon-chicken {
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%2036%2036%22%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M20.143%2032.215a2.143%202.143%200%201%201-4.286%200a2.143%202.143%200%200%201%204.286%200%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M27.643%2015.643C27.643%2010.317%2023.324%206%2018%206a9.643%209.643%200%200%200-9.643%209.643c0%205.357-1.071%2016.572-1.071%2016.572a2.143%202.143%200%200%200%204.286%200a2.144%202.144%200%200%200%204.285%200h4.286a2.144%202.144%200%200%200%204.287%200a2.143%202.143%200%200%200%204.286%200c-.002%200-1.073-11.215-1.073-16.572%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M20%203c0%202.209-1.447%206-2%206s-2-3.791-2-6s1.448-3%202-3c.553%200%202%20.791%202%203m-4.365%2030c0-2.612%201.711-8%202.365-8c.653%200%202.365%205.388%202.365%208S18.652%2036%2018%2036c-.654%200-2.365-.388-2.365-3%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2222.5%22%20fill%3D%22%23f4900c%22%20rx%3D%227%22%20ry%3D%224.5%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M25%2022.5c0%201.5-14%201.5-14%200s4.791-4.5%207-4.5s7%203%207%204.5%22%2F%3E%3Ccircle%20cx%3D%2211.5%22%20cy%3D%2218.5%22%20r%3D%221.5%22%20fill%3D%22%23292f33%22%2F%3E%3Ccircle%20cx%3D%2224.5%22%20cy%3D%2218.5%22%20r%3D%221.5%22%20fill%3D%22%23292f33%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M20.143%2032.215a2.143%202.143%200%201%201-4.286%200a2.143%202.143%200%200%201%204.286%200%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M27.643%2015.643C27.643%2010.317%2023.324%206%2018%206a9.643%209.643%200%200%200-9.643%209.643c0%205.357-1.071%2016.572-1.071%2016.572a2.143%202.143%200%200%200%204.286%200a2.144%202.144%200%200%200%204.285%200h4.286a2.144%202.144%200%200%200%204.287%200a2.143%202.143%200%200%200%204.286%200c-.002%200-1.073-11.215-1.073-16.572%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M20%203c0%202.209-1.447%206-2%206s-2-3.791-2-6s1.448-3%202-3c.553%200%202%20.791%202%203m-4.365%2030c0-2.612%201.711-8%202.365-8c.653%200%202.365%205.388%202.365%208S18.652%2036%2018%2036c-.654%200-2.365-.388-2.365-3%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2222.5%22%20fill%3D%22%23f4900c%22%20rx%3D%227%22%20ry%3D%224.5%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M25%2022.5c0%201.5-14%201.5-14%200s4.791-4.5%207-4.5s7%203%207%204.5%22%2F%3E%3Ccircle%20cx%3D%2211.5%22%20cy%3D%2218.5%22%20r%3D%221.5%22%20fill%3D%22%23292f33%22%2F%3E%3Ccircle%20cx%3D%2224.5%22%20cy%3D%2218.5%22%20r%3D%221.5%22%20fill%3D%22%23292f33%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/chicken.svg?color=%231a73e8&size=48
