Food Carrot icon
Used to represent vegetarian/vegan diets & healthy eating and events. The Food Carrot 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 Carrot 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 { FoodCarrot24Regular, FoodCarrot24Filled } from "@fluentui/react-icons";
export function Example() {
return <FoodCarrot24Regular aria-label="Food Carrot" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_food_carrot_24_regular.svg" width="24" height="24" alt="Food Carrot"> 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="M17.5 2.75C17.5 2.33579 17.1642 2 16.75 2C16.3358 2 16 2.33579 16 2.75V6.76355C13.9741 5.40779 11.1344 5.88428 9.70848 7.97976L2.35501 18.7862C1.79865 19.6038 1.90557 20.6967 2.61011 21.3936C3.32476 22.1006 4.44932 22.198 5.27733 21.6247L16.0663 14.1553C18.1234 12.7311 18.5776 9.97753 17.2426 8H21.25C21.6642 8 22 7.66421 22 7.25C22 6.83579 21.6642 6.5 21.25 6.5H18.5604L21.7806 3.28038C22.0735 2.98752 22.0736 2.51265 21.7807 2.21972C21.4879 1.9268 21.013 1.92675 20.7201 2.21962L17.5 5.43903V2.75ZM10.9596 8.81278C12.0219 7.25159 14.2605 7.0373 15.6058 8.368C16.9352 9.68305 16.7418 11.8667 15.2015 12.9331L4.41255 20.4025C4.18406 20.5607 3.87373 20.5338 3.67652 20.3388C3.4821 20.1465 3.4526 19.8449 3.60613 19.6192L10.9596 8.81278Z" 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_carrot_24_regular.svg";Details
| Name | Food Carrot |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_food_carrot_24_regular.svg |
| Filled file | ic_fluent_food_carrot_24_filled.svg |
| React components | FoodCarrot24Regular, FoodCarrot24Filled |
| License | MIT (© Microsoft Corporation) |