Nut
The nut icon represents a nut or a type of food, often used to symbolize healthy snacking or ingredients.
Exports at 24 × 24 px
Code
Nut in your framework
In any framework. Customize it above, and the code follows.
export const NutIcon = (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="M37.6988 6C37.172 6.53445 35.2393 8.67227 34.0096 9.74118C33.8339 10.2756 36.1178 12.4134 36.6448 12.9479C37.1718 13.4824 43.4958 9.74118 42.9688 9.20672C42.5472 8.77916 39.2798 6.89076 37.6988 6Z"/><path fill="#2F88FF" d="M11.3719 16.7217C11.36 16.634 11.3502 16.5462 11.3424 16.4585C9.4559 18.2893 8.01647 20.3906 7.0427 22.6001C8.63583 22.934 9.83221 24.3469 9.83221 26.0393C9.83221 27.9799 8.259 29.5531 6.31834 29.5531C6.04958 29.5531 5.78787 29.523 5.5364 29.4658C5.51575 33.0119 6.68525 36.4207 9.11654 39.0671C12.6211 42.8817 17.9257 44.218 23.1469 43.1314C26.3597 42.4628 29.541 40.8768 32.2518 38.3863C33.5954 37.152 34.7273 35.7837 35.6415 34.3347C33.4171 35.0047 30.9668 33.9228 30.0408 31.7373C29.5786 30.6464 28.6198 29.8445 27.4644 29.5823L25.7817 29.2005C23.8508 28.7623 22.2625 27.3956 21.5413 25.5516L21.4507 25.32C20.6588 23.2954 18.7636 21.9145 16.5937 21.7812C13.9334 21.6177 11.7597 19.5965 11.4034 16.9551L11.3719 16.7217Z"/><path d="M13.1544 11.6583L12.9027 11.9274C11.6986 13.2147 11.1367 14.975 11.3724 16.7218L11.4039 16.9553C11.7602 19.5967 13.9339 21.6178 16.5942 21.7813C18.7641 21.9147 20.6592 23.2955 21.4511 25.3201L21.5417 25.5517C22.263 27.3957 23.8513 28.7624 25.7822 29.2006L27.4649 29.5824C28.6203 29.8446 29.579 30.6465 30.0413 31.7374C31.0372 34.0878 33.7959 35.1617 36.1408 34.153C38.5094 33.134 40.2249 30.9542 40.6235 28.4068L40.8314 27.0776C40.9435 26.3613 40.9768 25.635 40.9308 24.9115L40.8234 23.2211C40.607 19.8167 39.3876 16.5526 37.3188 13.8402L37.0669 13.51C35.3158 11.214 32.9685 9.4422 30.2806 8.38727C27.9571 7.47542 25.4507 7.12735 22.9667 7.37161L21.5614 7.50979C18.3483 7.82575 15.36 9.30035 13.1544 11.6583Z"/></g>
</svg>
);Other libraries
Nut in 8 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
Nut 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 Nut 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 Nut icon means and where it's used, then how to install, style, label and license it.
The nut icon represents a nut or a type of food, often used to symbolize healthy snacking or ingredients.
In food-related software or apps, nut icons are often used to represent menu items or ingredients.
From a UX perspective, the nut icon helps users quickly identify and navigate to food-related content or features.
Nut 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 NutIcon to components/icons/icon-park-nut.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 NutIcon 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 Nut 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="Nut", so screen readers say what it does.
Yes. NutIcon passes every SVG prop to the svg element, so <NutIcon 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.
8 other libraries draw an icon called Nut. 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, healthy, snack and ingredient. Each tag page lists the icons that carry it from every library, which is the quickest way to find a match for Nut in another set.
4.9 out of 5 from 150+ developers
Install Nut from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.
Get Pro