hub icon
hub from Material Symbols by Google · Regular · Communicate · Apache-2.0 Free for personal and commercial use.
- Name
- hub
- Set
- Material Symbols
- Style
- Regular
- Category
- Communicate
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- hub-rounded, hub-sharp
1 other variant in Material Symbols
The same icon in other sets
More communicate icons from Material Symbols
Use the hub icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.875 22.125Q3 21.25 3 20t.875-2.125T6 17q.35 0 .65.075t.575.2L8.65 15.5q-.7-.775-.975-1.75T7.55 11.8l-2.025-.675q-.425.625-1.075 1T3 12.5q-1.25 0-2.125-.875T0 9.5t.875-2.125T3 6.5t2.125.875T6 9.5v.2l2.025.7q.5-.9 1.338-1.525t1.887-.8V5.9q-.975-.275-1.612-1.063T9 3q0-1.25.875-2.125T12 0t2.125.875T15 3q0 1.05-.65 1.838T12.75 5.9v2.175q1.05.175 1.888.8t1.337 1.525L18 9.7v-.2q0-1.25.875-2.125T21 6.5t2.125.875T24 9.5t-.875 2.125T21 12.5q-.8 0-1.463-.375t-1.062-1l-2.025.675q.15.975-.125 1.938T15.35 15.5l1.425 1.75q.275-.125.575-.187T18 17q1.25 0 2.125.875T21 20t-.875 2.125T18 23t-2.125-.875T15 20q0-.5.163-.962t.437-.838l-1.425-1.775Q13.15 17 11.988 17T9.8 16.425L8.4 18.2q.275.375.438.838T9 20q0 1.25-.875 2.125T6 23t-2.125-.875"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsHub(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.875 22.125Q3 21.25 3 20t.875-2.125T6 17q.35 0 .65.075t.575.2L8.65 15.5q-.7-.775-.975-1.75T7.55 11.8l-2.025-.675q-.425.625-1.075 1T3 12.5q-1.25 0-2.125-.875T0 9.5t.875-2.125T3 6.5t2.125.875T6 9.5v.2l2.025.7q.5-.9 1.338-1.525t1.887-.8V5.9q-.975-.275-1.612-1.063T9 3q0-1.25.875-2.125T12 0t2.125.875T15 3q0 1.05-.65 1.838T12.75 5.9v2.175q1.05.175 1.888.8t1.337 1.525L18 9.7v-.2q0-1.25.875-2.125T21 6.5t2.125.875T24 9.5t-.875 2.125T21 12.5q-.8 0-1.463-.375t-1.062-1l-2.025.675q.15.975-.125 1.938T15.35 15.5l1.425 1.75q.275-.125.575-.187T18 17q1.25 0 2.125.875T21 20t-.875 2.125T18 23t-2.125-.875T15 20q0-.5.163-.962t.437-.838l-1.425-1.775Q13.15 17 11.988 17T9.8 16.425L8.4 18.2q.275.375.438.838T9 20q0 1.25-.875 2.125T6 23t-2.125-.875"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.875 22.125Q3 21.25 3 20t.875-2.125T6 17q.35 0 .65.075t.575.2L8.65 15.5q-.7-.775-.975-1.75T7.55 11.8l-2.025-.675q-.425.625-1.075 1T3 12.5q-1.25 0-2.125-.875T0 9.5t.875-2.125T3 6.5t2.125.875T6 9.5v.2l2.025.7q.5-.9 1.338-1.525t1.887-.8V5.9q-.975-.275-1.612-1.063T9 3q0-1.25.875-2.125T12 0t2.125.875T15 3q0 1.05-.65 1.838T12.75 5.9v2.175q1.05.175 1.888.8t1.337 1.525L18 9.7v-.2q0-1.25.875-2.125T21 6.5t2.125.875T24 9.5t-.875 2.125T21 12.5q-.8 0-1.463-.375t-1.062-1l-2.025.675q.15.975-.125 1.938T15.35 15.5l1.425 1.75q.275-.125.575-.187T18 17q1.25 0 2.125.875T21 20t-.875 2.125T18 23t-2.125-.875T15 20q0-.5.163-.962t.437-.838l-1.425-1.775Q13.15 17 11.988 17T9.8 16.425L8.4 18.2q.275.375.438.838T9 20q0 1.25-.875 2.125T6 23t-2.125-.875"/></svg> </template>
CSS
.icon-hub {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.875%2022.125Q3%2021.25%203%2020t.875-2.125T6%2017q.35%200%20.65.075t.575.2L8.65%2015.5q-.7-.775-.975-1.75T7.55%2011.8l-2.025-.675q-.425.625-1.075%201T3%2012.5q-1.25%200-2.125-.875T0%209.5t.875-2.125T3%206.5t2.125.875T6%209.5v.2l2.025.7q.5-.9%201.338-1.525t1.887-.8V5.9q-.975-.275-1.612-1.063T9%203q0-1.25.875-2.125T12%200t2.125.875T15%203q0%201.05-.65%201.838T12.75%205.9v2.175q1.05.175%201.888.8t1.337%201.525L18%209.7v-.2q0-1.25.875-2.125T21%206.5t2.125.875T24%209.5t-.875%202.125T21%2012.5q-.8%200-1.463-.375t-1.062-1l-2.025.675q.15.975-.125%201.938T15.35%2015.5l1.425%201.75q.275-.125.575-.187T18%2017q1.25%200%202.125.875T21%2020t-.875%202.125T18%2023t-2.125-.875T15%2020q0-.5.163-.962t.437-.838l-1.425-1.775Q13.15%2017%2011.988%2017T9.8%2016.425L8.4%2018.2q.275.375.438.838T9%2020q0%201.25-.875%202.125T6%2023t-2.125-.875%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.875%2022.125Q3%2021.25%203%2020t.875-2.125T6%2017q.35%200%20.65.075t.575.2L8.65%2015.5q-.7-.775-.975-1.75T7.55%2011.8l-2.025-.675q-.425.625-1.075%201T3%2012.5q-1.25%200-2.125-.875T0%209.5t.875-2.125T3%206.5t2.125.875T6%209.5v.2l2.025.7q.5-.9%201.338-1.525t1.887-.8V5.9q-.975-.275-1.612-1.063T9%203q0-1.25.875-2.125T12%200t2.125.875T15%203q0%201.05-.65%201.838T12.75%205.9v2.175q1.05.175%201.888.8t1.337%201.525L18%209.7v-.2q0-1.25.875-2.125T21%206.5t2.125.875T24%209.5t-.875%202.125T21%2012.5q-.8%200-1.463-.375t-1.062-1l-2.025.675q.15.975-.125%201.938T15.35%2015.5l1.425%201.75q.275-.125.575-.187T18%2017q1.25%200%202.125.875T21%2020t-.875%202.125T18%2023t-2.125-.875T15%2020q0-.5.163-.962t.437-.838l-1.425-1.775Q13.15%2017%2011.988%2017T9.8%2016.425L8.4%2018.2q.275.375.438.838T9%2020q0%201.25-.875%202.125T6%2023t-2.125-.875%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/hub.svg?color=%231a73e8&size=48
