chicken icon

chicken from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.

Name
chicken
Set
Element Plus
Style
Outline
Viewbox
1024×1024
License
MIT

The same icon in other sets

chickenEmoji One (Colored)chickenFluent EmojichickenFluent Emoji FlatchickenFluent Emoji High ContrastchickenFirefox OS EmojichickenIconParkchickenIconPark OutlinechickenIconPark SolidchickenIconPark TwoTonechicken-fillMingCute IconchickenNoto EmojichickenOpenMojichickenStreamline EmojischickenTDesign IconschickenTwitter Emoji

Use the chicken icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="m350 717l128.7-128.8a107 107 0 0 1-26.2-19.1a107 107 0 0 1-19-26.2L304.7 671.7q1.2 4.7 2 9.3l2.1 31.9l31.9 2zm57.3 33.2A128 128 0 1 1 191 864.6l-2-32l-32-2a128 128 0 1 1 114.5-216.3l145.1-145c-2.4-101.5 58.2-239.2 149.1-330.1C673 31.9 797 53.7 882.5 139.2s107.3 209.4 0 316.8c-91 90.9-228.7 151.4-330.1 149zm90.5-226.3c49.5 49.6 233.3-7 339.4-113c78.2-78.3 63.2-163.1 0-226.4c-63.2-63.2-148-78.2-226.3 0c-106 106.1-162.6 290-113.1 339.4M244.8 709a64 64 0 1 0-59.8 59.9l56.3-3.6zm8.1 127.7a64 64 0 1 0 59.9-59.8l-56.4 3.5z"/></svg>

React

import type { SVGProps } from "react";

export function EpChicken(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="m350 717l128.7-128.8a107 107 0 0 1-26.2-19.1a107 107 0 0 1-19-26.2L304.7 671.7q1.2 4.7 2 9.3l2.1 31.9l31.9 2zm57.3 33.2A128 128 0 1 1 191 864.6l-2-32l-32-2a128 128 0 1 1 114.5-216.3l145.1-145c-2.4-101.5 58.2-239.2 149.1-330.1C673 31.9 797 53.7 882.5 139.2s107.3 209.4 0 316.8c-91 90.9-228.7 151.4-330.1 149zm90.5-226.3c49.5 49.6 233.3-7 339.4-113c78.2-78.3 63.2-163.1 0-226.4c-63.2-63.2-148-78.2-226.3 0c-106 106.1-162.6 290-113.1 339.4M244.8 709a64 64 0 1 0-59.8 59.9l56.3-3.6zm8.1 127.7a64 64 0 1 0 59.9-59.8l-56.4 3.5z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="m350 717l128.7-128.8a107 107 0 0 1-26.2-19.1a107 107 0 0 1-19-26.2L304.7 671.7q1.2 4.7 2 9.3l2.1 31.9l31.9 2zm57.3 33.2A128 128 0 1 1 191 864.6l-2-32l-32-2a128 128 0 1 1 114.5-216.3l145.1-145c-2.4-101.5 58.2-239.2 149.1-330.1C673 31.9 797 53.7 882.5 139.2s107.3 209.4 0 316.8c-91 90.9-228.7 151.4-330.1 149zm90.5-226.3c49.5 49.6 233.3-7 339.4-113c78.2-78.3 63.2-163.1 0-226.4c-63.2-63.2-148-78.2-226.3 0c-106 106.1-162.6 290-113.1 339.4M244.8 709a64 64 0 1 0-59.8 59.9l56.3-3.6zm8.1 127.7a64 64 0 1 0 59.9-59.8l-56.4 3.5z"/></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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m350%20717l128.7-128.8a107%20107%200%200%201-26.2-19.1a107%20107%200%200%201-19-26.2L304.7%20671.7q1.2%204.7%202%209.3l2.1%2031.9l31.9%202zm57.3%2033.2A128%20128%200%201%201%20191%20864.6l-2-32l-32-2a128%20128%200%201%201%20114.5-216.3l145.1-145c-2.4-101.5%2058.2-239.2%20149.1-330.1C673%2031.9%20797%2053.7%20882.5%20139.2s107.3%20209.4%200%20316.8c-91%2090.9-228.7%20151.4-330.1%20149zm90.5-226.3c49.5%2049.6%20233.3-7%20339.4-113c78.2-78.3%2063.2-163.1%200-226.4c-63.2-63.2-148-78.2-226.3%200c-106%20106.1-162.6%20290-113.1%20339.4M244.8%20709a64%2064%200%201%200-59.8%2059.9l56.3-3.6zm8.1%20127.7a64%2064%200%201%200%2059.9-59.8l-56.4%203.5z%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m350%20717l128.7-128.8a107%20107%200%200%201-26.2-19.1a107%20107%200%200%201-19-26.2L304.7%20671.7q1.2%204.7%202%209.3l2.1%2031.9l31.9%202zm57.3%2033.2A128%20128%200%201%201%20191%20864.6l-2-32l-32-2a128%20128%200%201%201%20114.5-216.3l145.1-145c-2.4-101.5%2058.2-239.2%20149.1-330.1C673%2031.9%20797%2053.7%20882.5%20139.2s107.3%20209.4%200%20316.8c-91%2090.9-228.7%20151.4-330.1%20149zm90.5-226.3c49.5%2049.6%20233.3-7%20339.4-113c78.2-78.3%2063.2-163.1%200-226.4c-63.2-63.2-148-78.2-226.3%200c-106%20106.1-162.6%20290-113.1%20339.4M244.8%20709a64%2064%200%201%200-59.8%2059.9l56.3-3.6zm8.1%20127.7a64%2064%200%201%200%2059.9-59.8l-56.4%203.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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