Router icon
whh:router
The Router icon (whh:router) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 1024 grid. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 1024 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M896 1024H128q-53 0-90.5-37.5T0 896V768q0-53 37.5-90.5T128 640h128V430q-29-17-46.5-46T192 320q0-53 37.5-90.5T320 192t90.5 37.5T448 320q0 35-17.5 64T384 430v210h512q53 0 90.5 37.5T1024 768v128q0 53-37.5 90.5T896 1024M192.5 768q-26.5 0-45.5 19t-19 45.5t19 45t45.5 18.5t45-18.5t18.5-45t-18.5-45.5t-45-19m256 0q-26.5 0-45.5 19t-19 45.5t18.5 45T448 896t45.5-18.5t18.5-45t-18.5-45.5t-45-19m383.5 0H704q-27 0-45.5 19T640 832.5t18.5 45T704 896h128q26 0 45-18.5t19-45t-19-45.5t-45-19M576 320q-27 0-45.5-18.5T512 256q-19-56-73.5-92T320 128t-118.5 36t-73.5 92q0 27-19 45.5T64 320t-45-18.5T0 256q0-61 50.5-121.5t125-97.5T320 0t144.5 37t125 97.5T640 256q0 27-18.5 45.5T576 320"/></svg>
How to use the Router icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:router" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:router" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:router" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--router]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:router"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:router"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/router.svg" alt="Router icon" width="24" height="24">
Related icons in WebHostingHub Glyphs
Router icon in other icon sets
Router icon FAQ
Is the Router icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Router icon in React?
Install @iconify/react and render <Icon icon="whh:router" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Router icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/router.svg" alt="Router icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
