network intelligence icon
network-intelligence from Material Symbols by Google · Regular · Communicate · Apache-2.0 Free for personal and commercial use.
- Name
- network-intelligence
- Set
- Material Symbols
- Style
- Regular
- Category
- Communicate
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- network-intelligence-outline, network-intelligence-outline-rounded, network-intelligence-outline-sharp, network-intelligence-rounded, network-intelligence-sharp
The same icon in other sets
More communicate icons from Material Symbols
Use the network intelligence icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.075 20q-.275 0-.512-.137t-.363-.388L5.25 16H6.7l1 2H10v-1H8.3l-1-2H4.7l-1.425-2.5q-.05-.125-.087-.25T3.15 12q0-.1.125-.5L4.7 9h2.6l1-2H10V6H7.7l-1 2H5.25L7.2 4.525q.125-.25.362-.387T8.076 4H10.5q.425 0 .713.288T11.5 5v4H10l-1 1h2.5v3H9.3l-1-2H6l-1 1h2.7l1 2h2.8v5q0 .425-.288.713T10.5 20zm5.425 0q-.425 0-.712-.288T12.5 19v-5h2.8l1-2H19l-1-1h-2.3l-1 2h-2.2v-3H15l-1-1h-1.5V5q0-.425.288-.712T13.5 4h2.425q.275 0 .513.138t.362.387L18.75 8H17.3l-1-2H14v1h1.7l1 2h2.6l1.425 2.5q.05.125.088.25t.037.25q0 .1-.125.5L19.3 15h-2.6l-1 2H14v1h2.3l1-2h1.45l-1.95 3.475q-.125.25-.363.388t-.512.137z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsNetworkIntelligence(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="M8.075 20q-.275 0-.512-.137t-.363-.388L5.25 16H6.7l1 2H10v-1H8.3l-1-2H4.7l-1.425-2.5q-.05-.125-.087-.25T3.15 12q0-.1.125-.5L4.7 9h2.6l1-2H10V6H7.7l-1 2H5.25L7.2 4.525q.125-.25.362-.387T8.076 4H10.5q.425 0 .713.288T11.5 5v4H10l-1 1h2.5v3H9.3l-1-2H6l-1 1h2.7l1 2h2.8v5q0 .425-.288.713T10.5 20zm5.425 0q-.425 0-.712-.288T12.5 19v-5h2.8l1-2H19l-1-1h-2.3l-1 2h-2.2v-3H15l-1-1h-1.5V5q0-.425.288-.712T13.5 4h2.425q.275 0 .513.138t.362.387L18.75 8H17.3l-1-2H14v1h1.7l1 2h2.6l1.425 2.5q.05.125.088.25t.037.25q0 .1-.125.5L19.3 15h-2.6l-1 2H14v1h2.3l1-2h1.45l-1.95 3.475q-.125.25-.363.388t-.512.137z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.075 20q-.275 0-.512-.137t-.363-.388L5.25 16H6.7l1 2H10v-1H8.3l-1-2H4.7l-1.425-2.5q-.05-.125-.087-.25T3.15 12q0-.1.125-.5L4.7 9h2.6l1-2H10V6H7.7l-1 2H5.25L7.2 4.525q.125-.25.362-.387T8.076 4H10.5q.425 0 .713.288T11.5 5v4H10l-1 1h2.5v3H9.3l-1-2H6l-1 1h2.7l1 2h2.8v5q0 .425-.288.713T10.5 20zm5.425 0q-.425 0-.712-.288T12.5 19v-5h2.8l1-2H19l-1-1h-2.3l-1 2h-2.2v-3H15l-1-1h-1.5V5q0-.425.288-.712T13.5 4h2.425q.275 0 .513.138t.362.387L18.75 8H17.3l-1-2H14v1h1.7l1 2h2.6l1.425 2.5q.05.125.088.25t.037.25q0 .1-.125.5L19.3 15h-2.6l-1 2H14v1h2.3l1-2h1.45l-1.95 3.475q-.125.25-.363.388t-.512.137z"/></svg> </template>
CSS
.icon-network-intelligence {
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%22M8.075%2020q-.275%200-.512-.137t-.363-.388L5.25%2016H6.7l1%202H10v-1H8.3l-1-2H4.7l-1.425-2.5q-.05-.125-.087-.25T3.15%2012q0-.1.125-.5L4.7%209h2.6l1-2H10V6H7.7l-1%202H5.25L7.2%204.525q.125-.25.362-.387T8.076%204H10.5q.425%200%20.713.288T11.5%205v4H10l-1%201h2.5v3H9.3l-1-2H6l-1%201h2.7l1%202h2.8v5q0%20.425-.288.713T10.5%2020zm5.425%200q-.425%200-.712-.288T12.5%2019v-5h2.8l1-2H19l-1-1h-2.3l-1%202h-2.2v-3H15l-1-1h-1.5V5q0-.425.288-.712T13.5%204h2.425q.275%200%20.513.138t.362.387L18.75%208H17.3l-1-2H14v1h1.7l1%202h2.6l1.425%202.5q.05.125.088.25t.037.25q0%20.1-.125.5L19.3%2015h-2.6l-1%202H14v1h2.3l1-2h1.45l-1.95%203.475q-.125.25-.363.388t-.512.137z%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%22M8.075%2020q-.275%200-.512-.137t-.363-.388L5.25%2016H6.7l1%202H10v-1H8.3l-1-2H4.7l-1.425-2.5q-.05-.125-.087-.25T3.15%2012q0-.1.125-.5L4.7%209h2.6l1-2H10V6H7.7l-1%202H5.25L7.2%204.525q.125-.25.362-.387T8.076%204H10.5q.425%200%20.713.288T11.5%205v4H10l-1%201h2.5v3H9.3l-1-2H6l-1%201h2.7l1%202h2.8v5q0%20.425-.288.713T10.5%2020zm5.425%200q-.425%200-.712-.288T12.5%2019v-5h2.8l1-2H19l-1-1h-2.3l-1%202h-2.2v-3H15l-1-1h-1.5V5q0-.425.288-.712T13.5%204h2.425q.275%200%20.513.138t.362.387L18.75%208H17.3l-1-2H14v1h1.7l1%202h2.6l1.425%202.5q.05.125.088.25t.037.25q0%20.1-.125.5L19.3%2015h-2.6l-1%202H14v1h2.3l1-2h1.45l-1.95%203.475q-.125.25-.363.388t-.512.137z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/network-intelligence.svg?color=%231a73e8&size=48
