Home/Libraries/Huge Icons (Iconify)/router

Huge Icons (Iconify)

Router

License: MITCommercial Safe

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="none"><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17.5 22h-11c-1.875 0-2.812 0-3.47-.53a2.7 2.7 0 0 1-.553-.615C2 20.125 2 19.083 2 17s0-3.125.477-3.855q.233-.356.554-.614C3.688 12 4.625 12 6.5 12h11c1.875 0 2.812 0 3.47.53c.212.172.398.38.553.615C22 13.875 22 14.917 22 17s0 3.125-.477 3.855q-.234.356-.553.614C20.312 22 19.375 22 17.5 22"/><path fill="#818cf8" d="M16.458 4.47a.75.75 0 0 0 1.084-1.036L17 3.952zm-6.75 1.32a.75.75 0 1 0 1.084 1.036l-.542-.518zm-2.25-2.356A.75.75 0 1 0 8.542 4.47L8 3.952zm6.75 3.392a.75.75 0 0 0 1.084-1.036l-.542.518zM12.55 9.75a.75.75 0 0 0 0-1.5zm-.05-1.5a.75.75 0 0 0 0 1.5zM17 3.952l.542-.518C16.26 2.09 14.476 1.25 12.5 1.25v1.5c1.539 0 2.938.652 3.958 1.72zm-4.5 1.38v-.75A3.85 3.85 0 0 0 9.708 5.79l.542.518l.542.518a2.35 2.35 0 0 1 1.708-.744zM12.5 2v-.75c-1.976 0-3.759.84-5.042 2.184L8 3.952l.542.518c1.02-1.068 2.42-1.72 3.958-1.72zm2.25 4.308l.542-.518A3.85 3.85 0 0 0 12.5 4.582v1.5c.66 0 1.264.279 1.708.744zM12.6 9h-.75a.65.65 0 0 1 .65-.65v1.5a.85.85 0 0 0 .85-.85zm-.1.1v-.75a.65.65 0 0 1 .65.65h-1.5c0 .47.38.85.85.85zm-.1-.1h.75a.65.65 0 0 1-.65.65v-1.5a.85.85 0 0 0-.85.85zm.1-.1v.75a.65.65 0 0 1-.65-.65h1.5a.85.85 0 0 0-.85-.85zm.05.1v-.75h-.05v1.5h.05z"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18.125 17H18m-3.875 0H14m4.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m-4 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0M6 17h4"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. RouterIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.