Hub Outline icon
material-symbols-light:hub-outline
The Hub Outline icon (material-symbols-light:hub-outline) is a free SVG icon from the Material Symbols Light set by Google. It is drawn on a 24 × 24 grid. Material Symbols Light icons are released under the Apache 2.0 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
- Material Symbols Light
- Author
- License
- Apache-2.0
- Size
- 24 × 24
- Category
- Communicate
- Tags
- center, connection, core, focal point, hub, network, nodes, nucleus, topology, communication, huboutline, hub outline rounded, hub outline sharp
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.23 21.77Q3.5 21.037 3.5 20t.73-1.77T6 17.5q.292 0 .612.085q.319.084.594.228l2.54-3.16q-.546-.582-.744-1.288t-.068-1.43l-3.736-1.233q-.329.586-.912.942T3 12q-1.038 0-1.77-.73T.5 9.5t.73-1.77T3 7t1.77.73t.73 1.77q0 .127-.01.196q-.01.07-.01.138l3.718 1.297q.327-.631.934-1.102t1.426-.608V5.458q-.956-.18-1.507-.89T9.5 3q0-1.038.73-1.77T12 .5t1.77.73T14.5 3q0 .858-.554 1.568t-1.504.89V9.42q.82.137 1.417.608t.943 1.102l3.717-1.296q-.019-.089-.019-.149V9.5q0-1.038.73-1.77T21 7t1.77.73t.73 1.77t-.73 1.77T21 12q-.704 0-1.29-.356q-.585-.356-.908-.942l-3.737 1.233q.131.724-.067 1.427t-.744 1.273l2.54 3.154q.275-.126.595-.207T18 17.5q1.039 0 1.77.73T20.5 20t-.73 1.77t-1.77.73t-1.77-.73T15.5 20q0-.442.143-.857t.476-.77l-2.54-3.198q-.679.44-1.572.44t-1.591-.44L7.88 18.373q.313.356.466.77T8.5 20q0 1.039-.73 1.77T6 22.5t-1.77-.73M3 11q.617 0 1.059-.441q.441-.442.441-1.059t-.441-1.059T3 8t-1.059.441Q1.5 8.883 1.5 9.5t.441 1.059T3 11m4.059 10.059Q7.5 20.617 7.5 20t-.441-1.059T6 18.5t-1.059.441Q4.5 19.383 4.5 20t.441 1.059Q5.383 21.5 6 21.5t1.059-.441m6-17Q13.5 3.617 13.5 3t-.441-1.059Q12.617 1.5 12 1.5t-1.059.441T10.5 3t.441 1.059Q11.383 4.5 12 4.5t1.059-.441M12 14.616q.877 0 1.496-.62t.62-1.496t-.62-1.496t-1.496-.62t-1.496.62t-.62 1.496t.62 1.496t1.496.62m7.059 6.443q.441-.442.441-1.059t-.441-1.059T18 18.5t-1.059.441Q16.5 19.383 16.5 20t.441 1.059q.442.441 1.059.441t1.059-.441m3-10.5q.441-.442.441-1.059t-.441-1.059T21 8t-1.059.441Q19.5 8.883 19.5 9.5t.441 1.059T21 11t1.059-.441M18 20"/></svg>How to use the Hub Outline icon
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:hub-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:hub-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:hub-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--hub-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:hub-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:hub-outline"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/material-symbols-light/hub-outline.svg" alt="Hub Outline icon" width="24" height="24">Related icons in Material Symbols Light
Hub Outline icon in other icon sets
Hub Outline icon FAQ
Is the Hub Outline icon free for commercial use?
Yes. Material Symbols Light icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Hub Outline icon in React?
Install @iconify/react and render <Icon icon="material-symbols-light:hub-outline" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Hub Outline icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/material-symbols-light/hub-outline.svg" alt="Hub Outline icon">, or paste the SVG code inline to style it with CSS.