Skip to content

Context icons for React.

69 free context icons from 29 libraries, Lucide, HeroIcons and Material Symbols among them. Open one to copy it as SVG or React, or install it with the shadcn CLI.

Add shadcn.io to your AI agent. · Pro It finds and installs the context icon you describe, from any library, with Pro.

Set up MCP

52 icons · every library

  • Message Square Quote icon from Lucide
  • Zoom Out icon from Lucide
  • Information Circle icon from HeroIcons
  • Bottom Right Click icon from Material Symbols
  • Details icon from Material Symbols
  • Callinsider icon from Arcticons
  • Reversocontext icon from Arcticons
  • Baseline Details icon from Google Material Icons
  • Sharp Zoom Out icon from Google Material Icons
  • Twotone Description icon from Google Material Icons
  • Mouse Right Click icon from Phosphor
  • Mouse Right Click  01 icon from Huge Icons
  • Right Click Mouse icon from Ultimate free icons
  • Hint Text icon from Fluent UI MDL2
  • Zoom Out icon from Fluent UI MDL2
  • Bxs Comment Detail icon from BoxIcons
  • Detail icon from BoxIcons
  • Info Alt Fill icon from Lets Icons
  • Info Fill icon from Lets Icons
  • Zoom Out icon from Siemens Industrial Experience Icons
  • Zoom Out Solid icon from Teenyicons
  • Folder Context icon from Material Icon Theme
  • Information Circle icon from Ultimate color icons
  • Ellipsis Outlined icon from Ant Design Icons
  • Environment Twotone icon from Ant Design Icons
  • Experiment Twotone icon from Ant Design Icons
  • Eye Twotone icon from Ant Design Icons
  • File Exclamation Twotone icon from Ant Design Icons
  • File Image Twotone icon from Ant Design Icons
  • File Markdown Twotone icon from Ant Design Icons
  • Detail icon from BoxIcons Solid
  • Zoom Out icon from BoxIcons Solid
  • Info Circle icon from Vaadin Icons
  • Info Circle O icon from Vaadin Icons
  • Zoom Out icon from Pixelarticons
  • Info icon from Akar Icons
  • More Horizontal icon from Akar Icons
  • More Vertical icon from Akar Icons
  • Zoom Out icon from Akar Icons
  • Info icon from Pepicons
  • Info Circle icon from Pepicons
  • Info Circle Print icon from Pepicons
  • Info Print icon from Pepicons
  • Info icon from Flat Color Icons
  • Meta icon from Meteor Icons
  • Zoom Out icon from Elusive Icons
  • Info icon from Raphael
  • Info icon from Open Iconic
  • Info icon from Quill Icons
  • Info Circle icon from Nimbus
  • Info icon from Innowatio Font
  • Information icon from Innowatio Font
All 52 shown
  • 52 designs, one style each
  • From 29 libraries
  • 73% under permissive licenses
  • 69 icons in every style

Libraries

Context icons in each library

How each set draws context: info, zoom out, info circle and detail and more. Open one to see only its icons.

21 more libraries

Skip the browsing. With Pro, your AI agent finds the context icon you describe in any library and installs it.

Get Pro

Tags

Tags the same icons carry, closest to context first.

Pricing

Context icons MCP, with Pro

Your agent finds the context icon you describe in any of 29 libraries and installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates.

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

About context icons: how many there are, which libraries draw them, and how to use and license them.

Install any context icon from a prompt

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

Get Pro