Food Chicken Leg icon
Used to represent food based scenarios (restaurant, meals, etc). The Food Chicken Leg icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Food Chicken Leg icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { FoodChickenLeg24Regular, FoodChickenLeg24Filled } from "@fluentui/react-icons";
export function Example() {
return <FoodChickenLeg24Regular aria-label="Food Chicken Leg" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_food_chicken_leg_24_regular.svg" width="24" height="24" alt="Food Chicken Leg"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 8C22 4.68629 19.3137 2 16 2C13.0637 2 10.6213 4.10854 10.1019 6.89398C9.53351 8.73461 9.01896 9.73659 8.73678 10.2026L6.21967 12.7197C6.00517 12.9342 5.941 13.2568 6.05709 13.5371C6.14045 13.7383 6.30497 13.8893 6.50344 13.9584L4.46151 16.0003C3.09855 16.0209 2 17.1322 2 18.5C2 19.338 2.41304 20.0796 3.04332 20.532C3.20541 20.6483 3.35169 20.7946 3.46803 20.9567C3.92043 21.587 4.66198 22.0001 5.5 22.0001C6.86968 22.0001 7.98209 20.8986 7.99979 19.5331L10.0403 17.4926C10.1088 17.6929 10.2604 17.8591 10.463 17.943C10.7432 18.0591 11.0658 17.9949 11.2803 17.7804L13.8043 15.2564C14.2766 14.9728 15.2824 14.4607 17.1187 13.8958C19.8979 13.3712 22 10.9319 22 8ZM10 15.4116L6.88433 18.5273C6.58981 18.8218 6.5 19.1995 6.5 19.5001C6.5 20.0524 6.05228 20.5001 5.5 20.5001C5.1656 20.5001 4.86939 20.3367 4.68663 20.0821C4.47513 19.7874 4.21268 19.5249 3.918 19.3134C3.66339 19.1306 3.5 18.8344 3.5 18.5C3.5 17.9478 3.94772 17.5 4.5 17.5C4.79889 17.5 5.17299 17.4102 5.4648 17.1184L8.5831 14.0001H10V15.4116ZM16 3.5C18.4853 3.5 20.5 5.51472 20.5 8C20.5 10.2095 18.9069 12.0484 16.8066 12.428C16.7775 12.4333 16.7488 12.4403 16.7205 12.4489C14.6594 13.0796 13.5122 13.6709 12.9411 14.0261C12.8923 14.0564 12.8473 14.0921 12.8067 14.1327L11.5 15.4394L11.5 13.2501C11.5 13.0511 11.421 12.8604 11.2803 12.7197C11.1397 12.5791 10.9489 12.5001 10.75 12.5001H8.56066L9.85953 11.2012C9.89942 11.1613 9.93468 11.117 9.96464 11.0692C10.3194 10.5034 10.914 9.3592 11.5487 7.29248C11.5576 7.26343 11.5647 7.23386 11.5701 7.20395C11.9455 5.09843 13.7868 3.5 16 3.5Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/food_chicken_leg_24_regular.svg";Details
| Name | Food Chicken Leg |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_food_chicken_leg_24_regular.svg |
| Filled file | ic_fluent_food_chicken_leg_24_filled.svg |
| React components | FoodChickenLeg24Regular, FoodChickenLeg24Filled |
| License | MIT (© Microsoft Corporation) |