Skip to content

Add Road Rounded

The 'add-road-rounded' icon represents the action of adding a new road or route to a map or navigation system, similar to the 'add-road' icon but with a rounded style.

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

Set up MCP

Exports at 24 × 24 px

Add Road Rounded icon from Material Symbols

Code

Add Road Rounded in your framework

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

export const AddRoadRoundedIcon = (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="M18 12V5q0-.425.288-.712T19 4t.713.288T20 5v7q0 .425-.288.713T19 13t-.712-.288T18 12M4 19V5q0-.425.288-.712T5 4t.713.288T6 5v14q0 .425-.288.713T5 20t-.712-.288T4 19m7-12V5q0-.425.288-.712T12 4t.713.288T13 5v2q0 .425-.288.713T12 8t-.712-.288T11 7m0 6v-2q0-.425.288-.712T12 10t.713.288T13 11v2q0 .425-.288.713T12 14t-.712-.288T11 13m0 6v-2q0-.425.288-.712T12 16t.713.288T13 17v2q0 .425-.288.713T12 20t-.712-.288T11 19m7 1h-2q-.425 0-.712-.288T15 19t.288-.712T16 18h2v-2q0-.425.288-.712T19 15t.713.288T20 16v2h2q.425 0 .713.288T23 19t-.288.713T22 20h-2v2q0 .425-.288.713T19 23t-.712-.288T18 22z"/>
  </svg>
);

Other libraries

Add Road Rounded in 1 more libraries

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

  • Add Road Rounded icon from Material Symbols Light

Material Symbols

Icons that share its tags, in the same style.

  • Alt Route Rounded icon from Material Symbols
  • Transfer Within A Station Rounded icon from Material Symbols
  • Directions Alt Off Rounded icon from Material Symbols
  • Directions Alt 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
  • Remove Road Rounded icon from Material Symbols
  • Transit Enterexit Rounded icon from Material Symbols
  • U Turn Left Rounded icon from Material Symbols
  • U Turn Right Rounded icon from Material Symbols
  • Directions Bike Rounded icon from Material Symbols
  • Directions Rounded icon from Material Symbols
  • Directions Subway Rounded icon from Material Symbols
  • Location Off Rounded icon from Material Symbols
  • Location On Rounded icon from Material Symbols
  • Location Searching Rounded icon from Material Symbols
  • Map Rounded icon from Material Symbols
  • Moved Location Rounded icon from Material Symbols
  • Move Location Rounded icon from Material Symbols
  • Nearby Error Rounded icon from Material Symbols
  • Nearby Rounded icon from Material Symbols
  • Near Me Disabled Rounded icon from Material Symbols
  • Near Me 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

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

Pricing

Material Symbols MCP, with Pro

Ask for Add 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 Add Road Rounded icon means and where it's used, then how to install, style and license it.

Install Add Road Rounded from a prompt

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

Get Pro