router icon
router-outline from Teenyicons by smhmd · Outline · MIT Free for personal and commercial use.
- Name
- router-outline
- Set
- Teenyicons
- Style
- Outline
- Viewbox
- 15×15
- License
- MIT
1 other variant in Teenyicons
The same icon in other sets
Use the router icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M1.5 9.5V9H1v.5zm12 0h.5V9h-.5zm0 5v.5h.5v-.5zm-12 0H1v.5h.5zm1.72-8.339C4.373 4.761 5.916 4 7.5 4V3c-1.917 0-3.732.924-5.052 2.525zM7.5 4c1.583 0 3.126.762 4.281 2.161l.771-.636C11.232 3.924 9.417 3 7.5 3zm-6.614.318C2.658 2.17 5.04 1 7.5 1V0C4.71 0 2.055 1.33.114 3.682zM7.5 1c2.46 0 4.842 1.17 6.614 3.318l.772-.636C12.945 1.329 10.29 0 7.5 0zM7 6v3h1V6zm-5.5 4h12V9h-12zM13 9.5v5h1v-5zm.5 4.5h-12v1h12zM2 14.5v-5H1v5z"/></svg>
React
import type { SVGProps } from "react";
export function TeenyiconsRouterOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M1.5 9.5V9H1v.5zm12 0h.5V9h-.5zm0 5v.5h.5v-.5zm-12 0H1v.5h.5zm1.72-8.339C4.373 4.761 5.916 4 7.5 4V3c-1.917 0-3.732.924-5.052 2.525zM7.5 4c1.583 0 3.126.762 4.281 2.161l.771-.636C11.232 3.924 9.417 3 7.5 3zm-6.614.318C2.658 2.17 5.04 1 7.5 1V0C4.71 0 2.055 1.33.114 3.682zM7.5 1c2.46 0 4.842 1.17 6.614 3.318l.772-.636C12.945 1.329 10.29 0 7.5 0zM7 6v3h1V6zm-5.5 4h12V9h-12zM13 9.5v5h1v-5zm.5 4.5h-12v1h12zM2 14.5v-5H1v5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M1.5 9.5V9H1v.5zm12 0h.5V9h-.5zm0 5v.5h.5v-.5zm-12 0H1v.5h.5zm1.72-8.339C4.373 4.761 5.916 4 7.5 4V3c-1.917 0-3.732.924-5.052 2.525zM7.5 4c1.583 0 3.126.762 4.281 2.161l.771-.636C11.232 3.924 9.417 3 7.5 3zm-6.614.318C2.658 2.17 5.04 1 7.5 1V0C4.71 0 2.055 1.33.114 3.682zM7.5 1c2.46 0 4.842 1.17 6.614 3.318l.772-.636C12.945 1.329 10.29 0 7.5 0zM7 6v3h1V6zm-5.5 4h12V9h-12zM13 9.5v5h1v-5zm.5 4.5h-12v1h12zM2 14.5v-5H1v5z"/></svg> </template>
CSS
.icon-router-outline {
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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.5%209.5V9H1v.5zm12%200h.5V9h-.5zm0%205v.5h.5v-.5zm-12%200H1v.5h.5zm1.72-8.339C4.373%204.761%205.916%204%207.5%204V3c-1.917%200-3.732.924-5.052%202.525zM7.5%204c1.583%200%203.126.762%204.281%202.161l.771-.636C11.232%203.924%209.417%203%207.5%203zm-6.614.318C2.658%202.17%205.04%201%207.5%201V0C4.71%200%202.055%201.33.114%203.682zM7.5%201c2.46%200%204.842%201.17%206.614%203.318l.772-.636C12.945%201.329%2010.29%200%207.5%200zM7%206v3h1V6zm-5.5%204h12V9h-12zM13%209.5v5h1v-5zm.5%204.5h-12v1h12zM2%2014.5v-5H1v5z%22%2F%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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.5%209.5V9H1v.5zm12%200h.5V9h-.5zm0%205v.5h.5v-.5zm-12%200H1v.5h.5zm1.72-8.339C4.373%204.761%205.916%204%207.5%204V3c-1.917%200-3.732.924-5.052%202.525zM7.5%204c1.583%200%203.126.762%204.281%202.161l.771-.636C11.232%203.924%209.417%203%207.5%203zm-6.614.318C2.658%202.17%205.04%201%207.5%201V0C4.71%200%202.055%201.33.114%203.682zM7.5%201c2.46%200%204.842%201.17%206.614%203.318l.772-.636C12.945%201.329%2010.29%200%207.5%200zM7%206v3h1V6zm-5.5%204h12V9h-12zM13%209.5v5h1v-5zm.5%204.5h-12v1h12zM2%2014.5v-5H1v5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/teenyicons/router-outline.svg?color=%231a73e8&size=48
