hub icon
hub-outline from Material Symbols by Google · Outline · Communicate · Apache-2.0 Free for personal and commercial use.
- Name
- hub-outline
- Set
- Material Symbols
- Style
- Outline
- Category
- Communicate
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- hub-outline-rounded, hub-outline-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-.875M3 10.5q.425 0 .713-.288T4 9.5t-.288-.712T3 8.5t-.712.288T2 9.5t.288.713T3 10.5m3.713 10.213Q7 20.425 7 20t-.288-.712T6 19t-.712.288T5 20t.288.713T6 21t.713-.288m6-17Q13 3.425 13 3t-.288-.712T12 2t-.712.288T11 3t.288.713T12 4t.713-.288M12 15q1.05 0 1.775-.725T14.5 12.5t-.725-1.775T12 10t-1.775.725T9.5 12.5t.725 1.775T12 15m6.713 5.713Q19 20.425 19 20t-.288-.712T18 19t-.712.288T17 20t.288.713T18 21t.713-.288m3-10.5Q22 9.925 22 9.5t-.288-.712T21 8.5t-.712.288T20 9.5t.288.713t.712.287t.713-.288M18 20"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsHubOutline(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-.875M3 10.5q.425 0 .713-.288T4 9.5t-.288-.712T3 8.5t-.712.288T2 9.5t.288.713T3 10.5m3.713 10.213Q7 20.425 7 20t-.288-.712T6 19t-.712.288T5 20t.288.713T6 21t.713-.288m6-17Q13 3.425 13 3t-.288-.712T12 2t-.712.288T11 3t.288.713T12 4t.713-.288M12 15q1.05 0 1.775-.725T14.5 12.5t-.725-1.775T12 10t-1.775.725T9.5 12.5t.725 1.775T12 15m6.713 5.713Q19 20.425 19 20t-.288-.712T18 19t-.712.288T17 20t.288.713T18 21t.713-.288m3-10.5Q22 9.925 22 9.5t-.288-.712T21 8.5t-.712.288T20 9.5t.288.713t.712.287t.713-.288M18 20"/></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-.875M3 10.5q.425 0 .713-.288T4 9.5t-.288-.712T3 8.5t-.712.288T2 9.5t.288.713T3 10.5m3.713 10.213Q7 20.425 7 20t-.288-.712T6 19t-.712.288T5 20t.288.713T6 21t.713-.288m6-17Q13 3.425 13 3t-.288-.712T12 2t-.712.288T11 3t.288.713T12 4t.713-.288M12 15q1.05 0 1.775-.725T14.5 12.5t-.725-1.775T12 10t-1.775.725T9.5 12.5t.725 1.775T12 15m6.713 5.713Q19 20.425 19 20t-.288-.712T18 19t-.712.288T17 20t.288.713T18 21t.713-.288m3-10.5Q22 9.925 22 9.5t-.288-.712T21 8.5t-.712.288T20 9.5t.288.713t.712.287t.713-.288M18 20"/></svg> </template>
CSS
.icon-hub-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%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-.875M3%2010.5q.425%200%20.713-.288T4%209.5t-.288-.712T3%208.5t-.712.288T2%209.5t.288.713T3%2010.5m3.713%2010.213Q7%2020.425%207%2020t-.288-.712T6%2019t-.712.288T5%2020t.288.713T6%2021t.713-.288m6-17Q13%203.425%2013%203t-.288-.712T12%202t-.712.288T11%203t.288.713T12%204t.713-.288M12%2015q1.05%200%201.775-.725T14.5%2012.5t-.725-1.775T12%2010t-1.775.725T9.5%2012.5t.725%201.775T12%2015m6.713%205.713Q19%2020.425%2019%2020t-.288-.712T18%2019t-.712.288T17%2020t.288.713T18%2021t.713-.288m3-10.5Q22%209.925%2022%209.5t-.288-.712T21%208.5t-.712.288T20%209.5t.288.713t.712.287t.713-.288M18%2020%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-.875M3%2010.5q.425%200%20.713-.288T4%209.5t-.288-.712T3%208.5t-.712.288T2%209.5t.288.713T3%2010.5m3.713%2010.213Q7%2020.425%207%2020t-.288-.712T6%2019t-.712.288T5%2020t.288.713T6%2021t.713-.288m6-17Q13%203.425%2013%203t-.288-.712T12%202t-.712.288T11%203t.288.713T12%204t.713-.288M12%2015q1.05%200%201.775-.725T14.5%2012.5t-.725-1.775T12%2010t-1.775.725T9.5%2012.5t.725%201.775T12%2015m6.713%205.713Q19%2020.425%2019%2020t-.288-.712T18%2019t-.712.288T17%2020t.288.713T18%2021t.713-.288m3-10.5Q22%209.925%2022%209.5t-.288-.712T21%208.5t-.712.288T20%209.5t.288.713t.712.287t.713-.288M18%2020%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/hub-outline.svg?color=%231a73e8&size=48
