Skip to content

Route 1

The route-1 icon represents a path or direction that guides users through a particular journey or travel.

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

Set up MCP

Exports at 24 × 24 px

Route  1 icon from Lineicons
Get Pro

962 in LineiconsMIT license (opens in a new tab)Free to copy and download

Code

Route 1 in your framework

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

export const Route1Icon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 25 25" {...props}>
    <path fill="currentColor" d="M5.504 4.632a.9.9 0 1 0 0 1.8h.008a.9.9 0 0 0 0-1.8z"/><path fill="currentColor" fillRule="evenodd" d="m5.16 10.408l.351-.436l-.471.584a.75.75 0 0 0 .943-.001l-.472-.583l.247.305l.365.45l-.296-.365l.156.193h.001l.001-.002l.003-.002l.008-.007l.026-.021l.09-.078A9.5 9.5 0 0 0 7.326 9.13c.65-.856 1.37-2.127 1.37-3.598a3.192 3.192 0 1 0-6.383 0c0 1.472.724 2.743 1.378 3.6a9.5 9.5 0 0 0 1.22 1.314l.09.078l.026.022l.008.006l.003.003h.001l.001.001l.08-.1l-.218.27zM3.812 5.532a1.692 1.692 0 1 1 3.385 0c0 .994-.498 1.943-1.066 2.691a8 8 0 0 1-.621.723a8 8 0 0 1-.627-.725c-.57-.747-1.07-1.697-1.07-2.69" clipRule="evenodd"/><path fill="currentColor" d="M19.12 16.25a.9.9 0 1 0 0 1.8h.008a.9.9 0 0 0 0-1.8z"/><path fill="currentColor" fillRule="evenodd" d="m18.656 22.173l.471-.583za.75.75 0 0 0 .944-.001l-.473-.582l.473.582l.002-.002l.002-.002l.008-.006l.027-.022l.09-.078a9.5 9.5 0 0 0 1.214-1.315c.65-.856 1.37-2.127 1.37-3.598a3.192 3.192 0 1 0-6.384 0c0 1.473.724 2.743 1.378 3.6a9.5 9.5 0 0 0 1.22 1.314l.09.078l.026.022l.009.006l.002.003zm-1.227-5.024a1.692 1.692 0 0 1 3.384 0c0 .994-.498 1.944-1.065 2.691a8 8 0 0 1-.622.723a8 8 0 0 1-.627-.724c-.57-.748-1.07-1.697-1.07-2.69" clipRule="evenodd"/><path fill="currentColor" d="M7.95 10.727h2.76a2.153 2.153 0 1 1 0 4.306H5.97a3.653 3.653 0 0 0 0 7.307h10.652c-.18-.2-.372-.428-.566-.681a10 10 0 0 1-.563-.82H5.97a2.153 2.153 0 0 1 0-4.306h4.74a3.653 3.653 0 1 0 0-7.307H9.075a10 10 0 0 1-.555.81c-.195.258-.39.489-.57.69"/>
  </svg>
);

Lineicons

Icons that share its tags, in the same style.

  • Direction icon from Lineicons
  • Direction Alt icon from Lineicons
  • Direction Ltr icon from Lineicons
  • Direction Rtl icon from Lineicons
  • Road icon from Lineicons
  • Shift Left icon from Lineicons
  • Shift Right icon from Lineicons
  • Angle Double Up icon from Lineicons
  • Arrow Right icon from Lineicons
  • Arrow Right Circle icon from Lineicons
  • Arrows Horizontal icon from Lineicons
  • Arrows Vertical icon from Lineicons
  • Arrow Top Left icon from Lineicons
  • Arrow Top Right icon from Lineicons
  • Arrow Up icon from Lineicons
  • Arrow Up Circle icon from Lineicons
  • Arrow Upward icon from Lineicons
  • Map icon from Lineicons
  • Road  1 icon from Lineicons
  • Angle Double Down icon from Lineicons
  • Angle Double Left icon from Lineicons
  • Angle Double Right icon from Lineicons
  • Arrow All Direction icon from Lineicons
  • Arrow Angular Top Left icon from Lineicons

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

Get Pro

Tags

Browse by tag

Route 1 is tagged UI, navigation, travel and 3 more. Related tags follow; each opens its icons from every library.

Pricing

Lineicons MCP, with Pro

Ask for Route 1 or any of 962 Lineicons 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 Route 1 icon means and where it's used, then how to install, style and license it.

Install Route 1 from a prompt

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

Get Pro