Skip to content

Road Rounded

The road-rounded icon represents a road or a path on a map with rounded corners.

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

Set up MCP

Exports at 24 × 24 px

Road Rounded icon from Material Symbols

Code

Road Rounded in your framework

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

export const RoadRoundedIcon = (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="M5 20q-.425 0-.712-.288T4 19V5q0-.425.288-.712T5 4t.713.288T6 5v14q0 .425-.288.713T5 20m7 0q-.425 0-.712-.288T11 19v-2q0-.425.288-.712T12 16t.713.288T13 17v2q0 .425-.288.713T12 20m7 0q-.425 0-.712-.288T18 19V5q0-.425.288-.712T19 4t.713.288T20 5v14q0 .425-.288.713T19 20m-7-6q-.425 0-.712-.288T11 13v-2q0-.425.288-.712T12 10t.713.288T13 11v2q0 .425-.288.713T12 14m0-6q-.425 0-.712-.288T11 7V5q0-.425.288-.712T12 4t.713.288T13 5v2q0 .425-.288.713T12 8"/>
  </svg>
);

Other libraries

Road Rounded in 8 more libraries

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

  • Road Rounded icon from Material Symbols Light
  • Road Rounded icon from Material Design Icons
  • Road Rounded icon from Tabler Icons
  • Road Rounded icon from Huge Icons
  • Road Rounded icon from Game Icons
  • Road Rounded icon from IconPark Outline
  • Road Rounded icon from Carbon
  • Road Rounded icon from WebHostingHub Glyphs

Material Symbols

Icons that share its tags, in the same style.

  • Pin Drop Rounded icon from Material Symbols
  • Share Location Rounded icon from Material Symbols
  • Category Rounded icon from Material Symbols
  • Dashboard 2 Rounded icon from Material Symbols
  • Dashboard Customize Rounded icon from Material Symbols
  • Dashboard Rounded icon from Material Symbols
  • Edit Road Rounded icon from Material Symbols
  • Parking Sign Rounded icon from Material Symbols
  • Place Item Rounded icon from Material Symbols
  • Share Eta Rounded icon from Material Symbols
  • Tab Recent Rounded icon from Material Symbols
  • Tab Rounded icon from Material Symbols
  • Wrong Location Rounded icon from Material Symbols
  • Accessible Rounded icon from Material Symbols
  • Alt Route Rounded icon from Material Symbols
  • Arrow Downward Alt Rounded icon from Material Symbols
  • Arrow Downward Rounded icon from Material Symbols
  • Category Search Rounded icon from Material Symbols
  • Directions Bus Rounded icon from Material Symbols
  • Directions Railway 2 Rounded icon from Material Symbols
  • Directions Railway Rounded icon from Material Symbols
  • Dock Rounded icon from Material Symbols
  • Explore Rounded icon from Material Symbols
  • Fmd Bad Rounded icon from Material Symbols

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

Get Pro

Tags

Browse by tag

Road Rounded is tagged design, navigation, material and 3 more. Related tags follow; each opens its icons from every library.

Pricing

Material Symbols MCP, with Pro

Ask for Road Rounded or any of 15,862 Material Symbols 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 Road Rounded icon means and where it's used, then how to install, style and license it.

Install Road Rounded from a prompt

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

Get Pro