Skip to content
shadcn.io

Notes Bold

The notes-bold icon represents a bold notes symbol, often used in digital interfaces to signify writing or note-taking.

Add shadcn.io to your AI agent. · Pro It installs Notes Bold, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Notes Bold icon from Solar
Get Pro

7,404 in SolarCC BY 4.0 license (opens in a new tab)Free to copy and download

Code

Notes Bold in your framework

In any framework. Customize it above, and the code follows.

export const NotesBoldIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" {...props}>
    <path fill="currentColor" d="m2.755 14.716l.517 1.932c.604 2.255.907 3.383 1.592 4.114a4 4 0 0 0 2.01 1.16c.976.228 2.104-.074 4.36-.678c2.254-.604 3.382-.906 4.113-1.591q.091-.086.176-.176a9 9 0 0 1-1.014-.15c-.696-.138-1.523-.36-2.501-.622l-.107-.029l-.025-.006c-1.064-.286-1.953-.524-2.663-.78c-.747-.27-1.425-.603-2.002-1.143a5.5 5.5 0 0 1-1.596-2.765c-.18-.769-.128-1.523.012-2.304c.134-.749.374-1.647.662-2.722l.535-1.994l.018-.07c-1.92.517-2.931.823-3.605 1.454a4 4 0 0 0-1.161 2.012c-.228.975.074 2.103.679 4.358"/><path fill="currentColor" fillRule="evenodd" d="m20.83 10.715l-.518 1.932c-.605 2.255-.907 3.383-1.592 4.114a4 4 0 0 1-2.01 1.161q-.145.034-.295.052c-.915.113-2.032-.186-4.064-.73c-2.255-.605-3.383-.907-4.114-1.592a4 4 0 0 1-1.161-2.011c-.228-.976.074-2.103.679-4.358l.517-1.932l.244-.905c.455-1.666.761-2.583 1.348-3.21a4 4 0 0 1 2.01-1.16c.976-.228 2.104.074 4.36.679c2.254.604 3.382.906 4.113 1.59a4 4 0 0 1 1.161 2.012c.228.976-.075 2.103-.679 4.358m-9.778-.91a.75.75 0 0 1 .919-.53l4.83 1.295a.75.75 0 1 1-.389 1.448l-4.83-1.294a.75.75 0 0 1-.53-.918m-.776 2.898a.75.75 0 0 1 .918-.53l2.898.777a.75.75 0 1 1-.388 1.448l-2.898-.776a.75.75 0 0 1-.53-.919" clipRule="evenodd"/>
  </svg>
);

Other libraries

Notes Bold in 8 more libraries

Each library draws it its own way. Open one to compare.

  • Notes Bold icon from Material Symbols
  • Notes Bold icon from Material Symbols Light
  • Notes Bold icon from Arcticons
  • Notes Bold icon from Tabler Icons
  • Notes Bold icon from IconPark Outline
  • Notes Bold icon from WebHostingHub Glyphs
  • Notes Bold icon from IconPark Solid
  • Notes Bold icon from IconPark TwoTone

Solar

Icons that share its tags, in the same style.

  • Notes Minimalistic Bold icon from Solar
  • Pen 2 Bold icon from Solar
  • Pen Bold icon from Solar
  • Text Bold Square Bold icon from Solar
  • Bell Bold icon from Solar
  • Bell Off Bold icon from Solar
  • Chair Bold icon from Solar
  • Chandelier Bold icon from Solar
  • Cup Paper Bold icon from Solar
  • Muted Bold icon from Solar
  • Notebook Bold icon from Solar
  • Notebook Bookmark Bold icon from Solar
  • Recive Twice Square Bold icon from Solar
  • Record Bold icon from Solar
  • Record Circle Bold icon from Solar
  • Skateboard Bold icon from Solar
  • Skateboarding Bold icon from Solar
  • Slash Circle Bold icon from Solar
  • User Cross Bold icon from Solar
  • User Cross Rounded Bold icon from Solar
  • Water Bold icon from Solar
  • Album Bold icon from Solar
  • Align Bottom Bold icon from Solar
  • Alt Arrow Up Bold icon from Solar

Skip the copy and paste. With Pro, your AI agent finds and installs any Solar icon from a prompt.

Get Pro

Tags

Browse by tag

Notes Bold is tagged interface, design, UX and 3 more. Related tags follow; each opens its icons from every library.

Pricing

Solar MCP, with Pro

Ask for Notes Bold or any of 7,404 Solar 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.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • 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 Notes Bold icon means and where it's used, then how to install, style and license it.

Install Notes Bold from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro