router icon

router from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name: router
Set: Huge Icons
Style: Stroke
Viewbox: 24×24
License: MIT

The same icon in other sets

routerBootstrap Icons routerCarbon router-20-filledFluent UI System Icons routerIconPark routerIconPark Outline routerIconPark Solid routerIconPark TwoTone routerLucide routerMaterial Symbols routerMaterial Symbols Light routerMaterial Design Icons router-fillRemix Icon routerTabler Icons router-outlineTeenyicons

Related icons in Huge Icons

router-01 router-02

Use the router icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" 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="currentColor" 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="currentColor" 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>

React

import type { SVGProps } from "react";

export function HugeiconsRouter(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="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="currentColor" 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="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" 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="currentColor" 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="currentColor" 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>
</template>

CSS

.icon-router {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M17.5%2022h-11c-1.875%200-2.812%200-3.47-.53a2.7%202.7%200%200%201-.553-.615C2%2020.125%202%2019.083%202%2017s0-3.125.477-3.855q.233-.356.554-.614C3.688%2012%204.625%2012%206.5%2012h11c1.875%200%202.812%200%203.47.53c.212.172.398.38.553.615C22%2013.875%2022%2014.917%2022%2017s0%203.125-.477%203.855q-.234.356-.553.614C20.312%2022%2019.375%2022%2017.5%2022%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.458%204.47a.75.75%200%200%200%201.084-1.036L17%203.952zm-6.75%201.32a.75.75%200%201%200%201.084%201.036l-.542-.518zm-2.25-2.356A.75.75%200%201%200%208.542%204.47L8%203.952zm6.75%203.392a.75.75%200%200%200%201.084-1.036l-.542.518zM12.55%209.75a.75.75%200%200%200%200-1.5zm-.05-1.5a.75.75%200%200%200%200%201.5zM17%203.952l.542-.518C16.26%202.09%2014.476%201.25%2012.5%201.25v1.5c1.539%200%202.938.652%203.958%201.72zm-4.5%201.38v-.75A3.85%203.85%200%200%200%209.708%205.79l.542.518l.542.518a2.35%202.35%200%200%201%201.708-.744zM12.5%202v-.75c-1.976%200-3.759.84-5.042%202.184L8%203.952l.542.518c1.02-1.068%202.42-1.72%203.958-1.72zm2.25%204.308l.542-.518A3.85%203.85%200%200%200%2012.5%204.582v1.5c.66%200%201.264.279%201.708.744zM12.6%209h-.75a.65.65%200%200%201%20.65-.65v1.5a.85.85%200%200%200%20.85-.85zm-.1.1v-.75a.65.65%200%200%201%20.65.65h-1.5c0%20.47.38.85.85.85zm-.1-.1h.75a.65.65%200%200%201-.65.65v-1.5a.85.85%200%200%200-.85.85zm.1-.1v.75a.65.65%200%200%201-.65-.65h1.5a.85.85%200%200%200-.85-.85zm.05.1v-.75h-.05v1.5h.05z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M18.125%2017H18m-3.875%200H14m4.25%200a.25.25%200%201%201-.5%200a.25.25%200%200%201%20.5%200m-4%200a.25.25%200%201%201-.5%200a.25.25%200%200%201%20.5%200M6%2017h4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M17.5%2022h-11c-1.875%200-2.812%200-3.47-.53a2.7%202.7%200%200%201-.553-.615C2%2020.125%202%2019.083%202%2017s0-3.125.477-3.855q.233-.356.554-.614C3.688%2012%204.625%2012%206.5%2012h11c1.875%200%202.812%200%203.47.53c.212.172.398.38.553.615C22%2013.875%2022%2014.917%2022%2017s0%203.125-.477%203.855q-.234.356-.553.614C20.312%2022%2019.375%2022%2017.5%2022%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.458%204.47a.75.75%200%200%200%201.084-1.036L17%203.952zm-6.75%201.32a.75.75%200%201%200%201.084%201.036l-.542-.518zm-2.25-2.356A.75.75%200%201%200%208.542%204.47L8%203.952zm6.75%203.392a.75.75%200%200%200%201.084-1.036l-.542.518zM12.55%209.75a.75.75%200%200%200%200-1.5zm-.05-1.5a.75.75%200%200%200%200%201.5zM17%203.952l.542-.518C16.26%202.09%2014.476%201.25%2012.5%201.25v1.5c1.539%200%202.938.652%203.958%201.72zm-4.5%201.38v-.75A3.85%203.85%200%200%200%209.708%205.79l.542.518l.542.518a2.35%202.35%200%200%201%201.708-.744zM12.5%202v-.75c-1.976%200-3.759.84-5.042%202.184L8%203.952l.542.518c1.02-1.068%202.42-1.72%203.958-1.72zm2.25%204.308l.542-.518A3.85%203.85%200%200%200%2012.5%204.582v1.5c.66%200%201.264.279%201.708.744zM12.6%209h-.75a.65.65%200%200%201%20.65-.65v1.5a.85.85%200%200%200%20.85-.85zm-.1.1v-.75a.65.65%200%200%201%20.65.65h-1.5c0%20.47.38.85.85.85zm-.1-.1h.75a.65.65%200%200%201-.65.65v-1.5a.85.85%200%200%200-.85.85zm.1-.1v.75a.65.65%200%200%201-.65-.65h1.5a.85.85%200%200%200-.85-.85zm.05.1v-.75h-.05v1.5h.05z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M18.125%2017H18m-3.875%200H14m4.25%200a.25.25%200%201%201-.5%200a.25.25%200%200%201%20.5%200m-4%200a.25.25%200%201%201-.5%200a.25.25%200%200%201%20.5%200M6%2017h4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/router.svg?color=%231a73e8&size=48