Skip to content
shadcn.io

Directions icons for React.

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

Get ProAll tags

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

Set up MCP

49 icons · every library

  • Route icon from Lucide
  • Signpost Big icon from Lucide
  • Map icon from HeroIcons
  • Follow The Signs icon from Material Symbols
  • Personal Places icon from Material Symbols
  • Googlemaps icon from Simple Icons
  • Personal Places icon from Material Symbols Light
  • Atalaya icon from Arcticons
  • Athmvil icon from Arcticons
  • Oeffidirections icon from Arcticons
  • Petal Maps icon from Arcticons
  • Picooc icon from Arcticons
  • Telnavi icon from Arcticons
  • Twoyi icon from Arcticons
  • Yamaps icon from Arcticons
  • Baseline Directions icon from Google Material Icons
  • Baseline Directions Bike icon from Google Material Icons
  • Baseline Directions Boat icon from Google Material Icons
  • Baseline Directions Bus icon from Google Material Icons
  • Baseline Directions Car icon from Google Material Icons
  • Baseline Map icon from Google Material Icons
  • Round Directions icon from Google Material Icons
  • Round Directions Bike icon from Google Material Icons
  • Round Directions Boat icon from Google Material Icons
  • Twotone Edit Road icon from Google Material Icons
  • Twotone Transfer Within A Station icon from Google Material Icons
  • Twotone Transit Enterexit icon from Google Material Icons
  • Travel Places Street Sign Crossroad Street Sign Metaphor Directions icon from Streamline
  • Intersection icon from WebHostingHub Glyphs
  • Map icon from WebHostingHub Glyphs
  • Leaflet icon from SVG Logos
  • Nav 2 D Map View icon from Fluent UI MDL2
  • Bxs Directions icon from BoxIcons
  • Waze icon from Line Awesome
  • Map Marker Alt Twotone Loop icon from Material Line Icons
  • Map Marker Filled Loop icon from Material Line Icons
  • Map Marker Loop icon from Material Line Icons
  • Landmark icon from BoxIcons Solid
  • Road icon from Vaadin Icons
  • Road Branch icon from Vaadin Icons
  • Road Branches icon from Vaadin Icons
  • Waze icon from Font Awesome Brands
  • Map icon from Akar Icons
  • Nav Maps icon from OpenSearch UI
  • Define Location icon from Icons8 Windows 8 Icons
  • Bus Route Info icon from Stickies color icons
  • Bus Route Info Duo icon from Stickies color icons
  • Walk icon from Vesper Icons
  • Map icon from Flat UI Icons
All 49 shown
  • 49 designs, one style each
  • From 23 libraries
  • 71% under permissive licenses
  • 58 icons in every style

Libraries

Directions icons in each library

How each set draws directions: map, waze and personal places and more. Open one to see only its icons.

15 more libraries

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

Get Pro

Tags

Related tags

Tags the same icons carry, closest to directions first.

All tags

Pricing

Directions icons MCP, with Pro

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

See full pricing

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 directions icons: how many there are, which libraries draw them, and how to use and license them.

Install any directions icon from a prompt

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

Get Pro