The Phosphor acorn icon depicts a small nut, commonly used to represent concepts related to savings, growth, or natural resources within a user interface.
Common uses
- Illustrating a savings account feature.
- Representing a 'new' or 'growing' item in a list.
- As an icon for a food or grocery-related category.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Acorn } from '@phosphor-icons/react';
<Acorn size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Acorn size={24} />thin
<Acorn size={24} weight="thin" />light
<Acorn size={24} weight="light" />bold
<Acorn size={24} weight="bold" />fill
<Acorn size={24} weight="fill" />duotone
<Acorn size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- finances
- Keywords
- *new*savingsnutvegetableveggiesfoodgroceriesmarketfinancesnatureacornseed
FAQ
- What is the acorn icon typically used for?
- It's often used for financial concepts like savings or growth, or for items related to nature and food.
- How do I use the acorn icon in React?
- You can import it directly from the library like this: import { Acorn } from '@phosphor-icons/react'.
- What is the license for the Phosphor acorn icon?
- The Phosphor icon library, including the acorn icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.