Vegetables
The vegetables icon represents a variety of plant-based foods, symbolizing healthy eating and nutrition.
Exports at 24 × 24 px
Code
Vegetables in your framework
In any framework. Customize it above, and the code follows.
export const VegetablesIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 48 48" fill="none" stroke="currentColor" {...props}>
<g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path d="M32 7.90249C33.5 7.5 35.3291 7.61106 36.4393 7.90249C38.9414 8.56028 40.7649 9.68991 41.8557 11.2615C43.1186 13.0795 43.3371 15.3991 42.508 18.1559C40.8094 23.7957 33.908 27.296 33.5 27.5"/><path d="M27.2471 41.2702C27.7619 41.368 28.2851 41.4194 28.809 41.4214C30.2786 41.4214 31.5442 41.0058 32.5663 40.187C33.6786 39.3023 34.5 38 34.8325 36.2784C35.165 34.5569 34.6799 32.943 34.1525 31.3686C33.7799 30.2501 33.5347 28.5637 33.5 27.5"/><path d="M13 26.5001C13 26.5001 7.19013 23.7937 5.49291 18.156C4.66304 15.3999 4.88161 13.0817 6.14446 11.2616C7.23662 9.69072 9.05804 8.56109 11.5601 7.9026C12.671 7.61117 13.7341 7.46338 14.7221 7.46338"/><path d="M13.5 27C14 28 13.5675 29.7963 13.0402 31.3721C12.5128 32.9479 11.9688 34.5743 12.3595 36.2812C12.7501 37.9882 13.5127 39.3045 14.6236 40.1898C15.6485 41.0079 16.53 41.5 18.0003 41.5C18.5235 41.4979 20.0003 41 20.0003 41"/><path d="M23.5 4C28.7466 4 33 6.64313 33 14.375C33 22.1076 23.5 32 23.5 32C23.5 32 14 22.1069 14 14.375C14 6.64241 18.2528 4 23.5 4Z"/><path fill="#2F88FF" d="M23.9991 42.229C21.9892 42.2292 20.2806 41.5671 19.1309 40.5596C17.8028 39.3925 17.127 37.7334 17.127 35.6268C17.127 33.8706 18.0762 32.4059 18.9942 30.9876C19.6457 29.9801 20.5484 27.9977 20.5484 27.9977C20.5484 27.9977 21.0229 26.3606 20.9447 25.2978C20.8 23.3332 18.8929 21.8541 18.5834 20.8404C18.208 19.5796 18.2996 18.8122 18.8679 18.4278C19.0427 18.3077 19.713 18.2675 19.713 18.2675C19.713 18.2675 19.5867 16.4218 19.6658 15.8133C19.7609 15.0833 20.142 14.0415 21.0376 13.9648C21.6576 13.9116 22.1478 14.0043 22.4656 14.6718C22.5683 14.8876 22.6391 15.1492 22.7383 15.5107C23.0395 16.6424 23.521 17.9663 23.9949 19.0425C24.4695 17.9691 24.9518 16.6452 25.255 15.5114C25.3542 15.1499 25.4257 14.8883 25.5284 14.6718C25.8462 14.0043 26.3371 13.9125 26.9571 13.9661C27.7133 14.0316 28.2331 15.0847 28.3282 15.8133C28.4073 16.4218 28.392 17.2322 28.281 18.2675H28.3282C28.5433 18.2675 28.954 18.3063 29.1296 18.4271C29.6986 18.8115 29.7318 19.946 29.4134 20.8397C29 21.9999 27.2039 23.1328 27 24.9999C26.8714 26.1771 27.0948 26.8691 27.4511 27.9984C27.8469 29.2528 28.3511 29.9808 29.0047 30.9869C29.9227 32.4052 30.8719 33.872 30.8719 35.6268C30.8719 37.7327 30.1975 39.3925 28.868 40.5582C27.7155 41.5657 26.0094 42.2289 23.9991 42.229Z"/></g>
</svg>
);Other libraries
Vegetables in 4 more libraries
Each library draws it its own way. Open one to compare.
IconPark
More like it
Icons that share its tags, in the same style.
Search IconPark
Skip the copy and paste. With Pro, your AI agent finds and installs any IconPark icon from a prompt.
Get ProTags
Browse by tag
Vegetables is tagged food, cooking, meal and 3 more. Related tags follow; each opens its icons from every library.
Pricing
IconPark MCP, with Pro
Ask for Vegetables or any of 2,658 IconPark icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Vegetables icon means and where it's used, then how to install, style, label and license it.
The vegetables icon represents a variety of plant-based foods, symbolizing healthy eating and nutrition. It originates from the context of culinary arts and food preparation.
In recipe platforms, cooking apps, or health-related applications, this icon appears in contexts related to meal planning, cooking instructions, or nutrition guidance. It signifies a diverse range of healthy food options.
From a UX perspective, this icon effectively communicates the idea of exploring various vegetables. It helps users navigate and discover recipe-related content, making it an essential element in food and health interfaces.
Vegetables is one of 2,658 icons in IconPark, made by ByteDance and released under Apache 2.0. It is drawn on a 48 × 48 grid.
Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds VegetablesIcon to components/icons/icon-park-vegetables.tsx: one file, a size prop (24 by default) and every SVG prop, with no icon package.
Copy it as React (from Get icon, or the Code section): a typed VegetablesIcon component you paste into your project, with no package to install. Only the icons you import reach your bundle. It works in Next.js and any React app.
Open Get icon, then Copy as code, and pick Vue, Svelte, Angular, Solid or Preact; the Code section shows each one too. Every version is one self-contained component with the SVG inside, and SVG and data URL copies are there for plain HTML and CSS.
With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the Vegetables icon, or any of 2,658 IconPark icons, and install it from a prompt.
It's multicolor, so it keeps its own colors.
Set width and height on the component, or a class like size-6. It's drawn on a 48 × 48 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.
Yes. It keeps its own colors in light and dark mode, so check it against both backgrounds. The icon is a vector, so it needs no separate dark asset.
Next to a visible label it's decoration: add aria-hidden="true" so screen readers skip it. Standing alone, as in an icon button, give the button a name instead, like aria-label="Vegetables", so screen readers say what it does.
Yes. VegetablesIcon passes every SVG prop to the svg element, so <VegetablesIcon aria-hidden="true" /> works, and so do role="img" with aria-label, or a title child, when it carries meaning on its own.
Yes. Open Get icon, then Download file: SVG for code or design tools like Figma; PNG, WebP or JPEG at 512px; or an ICO favicon with 16, 32 and 48px inside. Each one uses what you set in Customize.
Yes. Apache 2.0 allows commercial use; keep the license notice when you ship the icons' source files. The full terms are in the license, linked on this page.
No visible credit is required: Apache 2.0 only asks that you keep the license notice if you ship the icons' source files. Icons installed with the shadcn CLI already start with a comment naming IconPark, ByteDance and the license.
Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.
4 other libraries draw an icon called Vegetables. The Other libraries section on this page shows each one, so you can compare them and open the one that fits your style.
Its tags are food, cooking, meal, nutrition, recipe and healthy. Each tag page lists the icons that carry it from every library, which is the quickest way to find a match for Vegetables in another set.
4.9 out of 5 from 150+ developers
Install Vegetables from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.
Get Pro