food-chicken-leg-32-regular from Fluent UI System Icons by Microsoft Corporation · 32 Regular · MIT Free for personal and commercial use.

Name
food-chicken-leg-32-regular
Set
Fluent UI System Icons
Style
32 Regular
Viewbox
32×32
License
MIT

7 other variants in Fluent UI System Icons

Related icons in Fluent UI System Icons

Use the food chicken leg icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M30 10.5a8.5 8.5 0 0 0-16.862-1.534c-.777 2.366-1.467 3.695-1.86 4.342l-3.985 3.985A1 1 0 0 0 8 19h.108l-3.024 3.024a3.5 3.5 0 0 0-1.716 6.255q.204.156.361.36a3.5 3.5 0 0 0 6.248-1.736L13 23.878V24a1 1 0 0 0 1.707.707l3.987-3.986c.653-.395 1.992-1.087 4.372-1.865A8.5 8.5 0 0 0 30 10.5M13 21.05l-4.683 4.684A1.08 1.08 0 0 0 8 26.5a1.5 1.5 0 0 1-2.688.916a4 4 0 0 0-.727-.724A1.5 1.5 0 0 1 5.495 24c.283 0 .553-.112.753-.311L10.937 19H13zM21.5 4a6.5 6.5 0 0 1 1.145 12.9q-.069.012-.134.033c-2.67.868-4.191 1.663-4.97 2.149a1 1 0 0 0-.178.141L15 21.586V18a1 1 0 0 0-1-1h-3.586l2.36-2.36a1 1 0 0 0 .14-.176c.486-.775 1.28-2.288 2.147-4.944a1 1 0 0 0 .035-.14A6.5 6.5 0 0 1 21.5 4"/></svg>

React

import type { SVGProps } from "react";

export function FluentFoodChickenLeg32Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M30 10.5a8.5 8.5 0 0 0-16.862-1.534c-.777 2.366-1.467 3.695-1.86 4.342l-3.985 3.985A1 1 0 0 0 8 19h.108l-3.024 3.024a3.5 3.5 0 0 0-1.716 6.255q.204.156.361.36a3.5 3.5 0 0 0 6.248-1.736L13 23.878V24a1 1 0 0 0 1.707.707l3.987-3.986c.653-.395 1.992-1.087 4.372-1.865A8.5 8.5 0 0 0 30 10.5M13 21.05l-4.683 4.684A1.08 1.08 0 0 0 8 26.5a1.5 1.5 0 0 1-2.688.916a4 4 0 0 0-.727-.724A1.5 1.5 0 0 1 5.495 24c.283 0 .553-.112.753-.311L10.937 19H13zM21.5 4a6.5 6.5 0 0 1 1.145 12.9q-.069.012-.134.033c-2.67.868-4.191 1.663-4.97 2.149a1 1 0 0 0-.178.141L15 21.586V18a1 1 0 0 0-1-1h-3.586l2.36-2.36a1 1 0 0 0 .14-.176c.486-.775 1.28-2.288 2.147-4.944a1 1 0 0 0 .035-.14A6.5 6.5 0 0 1 21.5 4"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M30 10.5a8.5 8.5 0 0 0-16.862-1.534c-.777 2.366-1.467 3.695-1.86 4.342l-3.985 3.985A1 1 0 0 0 8 19h.108l-3.024 3.024a3.5 3.5 0 0 0-1.716 6.255q.204.156.361.36a3.5 3.5 0 0 0 6.248-1.736L13 23.878V24a1 1 0 0 0 1.707.707l3.987-3.986c.653-.395 1.992-1.087 4.372-1.865A8.5 8.5 0 0 0 30 10.5M13 21.05l-4.683 4.684A1.08 1.08 0 0 0 8 26.5a1.5 1.5 0 0 1-2.688.916a4 4 0 0 0-.727-.724A1.5 1.5 0 0 1 5.495 24c.283 0 .553-.112.753-.311L10.937 19H13zM21.5 4a6.5 6.5 0 0 1 1.145 12.9q-.069.012-.134.033c-2.67.868-4.191 1.663-4.97 2.149a1 1 0 0 0-.178.141L15 21.586V18a1 1 0 0 0-1-1h-3.586l2.36-2.36a1 1 0 0 0 .14-.176c.486-.775 1.28-2.288 2.147-4.944a1 1 0 0 0 .035-.14A6.5 6.5 0 0 1 21.5 4"/></svg>
</template>

CSS

.icon-food-chicken-leg-32-regular {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M30%2010.5a8.5%208.5%200%200%200-16.862-1.534c-.777%202.366-1.467%203.695-1.86%204.342l-3.985%203.985A1%201%200%200%200%208%2019h.108l-3.024%203.024a3.5%203.5%200%200%200-1.716%206.255q.204.156.361.36a3.5%203.5%200%200%200%206.248-1.736L13%2023.878V24a1%201%200%200%200%201.707.707l3.987-3.986c.653-.395%201.992-1.087%204.372-1.865A8.5%208.5%200%200%200%2030%2010.5M13%2021.05l-4.683%204.684A1.08%201.08%200%200%200%208%2026.5a1.5%201.5%200%200%201-2.688.916a4%204%200%200%200-.727-.724A1.5%201.5%200%200%201%205.495%2024c.283%200%20.553-.112.753-.311L10.937%2019H13zM21.5%204a6.5%206.5%200%200%201%201.145%2012.9q-.069.012-.134.033c-2.67.868-4.191%201.663-4.97%202.149a1%201%200%200%200-.178.141L15%2021.586V18a1%201%200%200%200-1-1h-3.586l2.36-2.36a1%201%200%200%200%20.14-.176c.486-.775%201.28-2.288%202.147-4.944a1%201%200%200%200%20.035-.14A6.5%206.5%200%200%201%2021.5%204%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M30%2010.5a8.5%208.5%200%200%200-16.862-1.534c-.777%202.366-1.467%203.695-1.86%204.342l-3.985%203.985A1%201%200%200%200%208%2019h.108l-3.024%203.024a3.5%203.5%200%200%200-1.716%206.255q.204.156.361.36a3.5%203.5%200%200%200%206.248-1.736L13%2023.878V24a1%201%200%200%200%201.707.707l3.987-3.986c.653-.395%201.992-1.087%204.372-1.865A8.5%208.5%200%200%200%2030%2010.5M13%2021.05l-4.683%204.684A1.08%201.08%200%200%200%208%2026.5a1.5%201.5%200%200%201-2.688.916a4%204%200%200%200-.727-.724A1.5%201.5%200%200%201%205.495%2024c.283%200%20.553-.112.753-.311L10.937%2019H13zM21.5%204a6.5%206.5%200%200%201%201.145%2012.9q-.069.012-.134.033c-2.67.868-4.191%201.663-4.97%202.149a1%201%200%200%200-.178.141L15%2021.586V18a1%201%200%200%200-1-1h-3.586l2.36-2.36a1%201%200%200%200%20.14-.176c.486-.775%201.28-2.288%202.147-4.944a1%201%200%200%200%20.035-.14A6.5%206.5%200%200%201%2021.5%204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/food-chicken-leg-32-regular.svg?color=%231a73e8&size=48