network node icon

network-node from Material Symbols Light by Google · Regular · Business · Apache-2.0 Free for personal and commercial use.

Name: network-node
Set: Material Symbols Light
Style: Regular
Category: Business
Viewbox: 24×24
License: Apache 2.0
Aliases: network-node-outline, network-node-outline-rounded, network-node-outline-sharp, network-node-rounded, network-node-sharp

The same icon in other sets

network-nodeMaterial Symbols

More business icons from Material Symbols Light

Use the network node icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.727 20.273Q3 19.546 3 18.538t.727-1.734t1.735-.727q.43 0 .836.151q.406.15.723.428l4.479-4.479V7.869q-.83-.171-1.396-.843q-.565-.672-.565-1.564q0-1.008.726-1.735Q10.993 3 12 3t1.735.727t.727 1.735q0 .892-.556 1.564t-1.406.843v4.308l4.485 4.479q.317-.277.72-.428t.834-.151q1.007 0 1.734.727T21 18.539t-.727 1.734t-1.735.727t-1.734-.727t-.727-1.734q0-.297.064-.578q.065-.28.207-.52L12 13.092l-4.348 4.349q.142.24.207.52q.064.281.064.578q0 1.007-.727 1.734T5.462 21t-1.735-.727m15.845-.701q.428-.428.428-1.033t-.428-1.034t-1.033-.428t-1.034.428t-.428 1.033t.428 1.034t1.034.428t1.033-.428M13.034 6.495q.428-.428.428-1.033t-.428-1.034T12 4t-1.034.428t-.427 1.034t.427 1.033T12 6.923t1.034-.428M6.495 19.572q.428-.428.428-1.033t-.428-1.034t-1.033-.428t-1.034.428T4 18.539t.428 1.033Q4.856 20 5.462 20t1.033-.428"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightNetworkNode(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.727 20.273Q3 19.546 3 18.538t.727-1.734t1.735-.727q.43 0 .836.151q.406.15.723.428l4.479-4.479V7.869q-.83-.171-1.396-.843q-.565-.672-.565-1.564q0-1.008.726-1.735Q10.993 3 12 3t1.735.727t.727 1.735q0 .892-.556 1.564t-1.406.843v4.308l4.485 4.479q.317-.277.72-.428t.834-.151q1.007 0 1.734.727T21 18.539t-.727 1.734t-1.735.727t-1.734-.727t-.727-1.734q0-.297.064-.578q.065-.28.207-.52L12 13.092l-4.348 4.349q.142.24.207.52q.064.281.064.578q0 1.007-.727 1.734T5.462 21t-1.735-.727m15.845-.701q.428-.428.428-1.033t-.428-1.034t-1.033-.428t-1.034.428t-.428 1.033t.428 1.034t1.034.428t1.033-.428M13.034 6.495q.428-.428.428-1.033t-.428-1.034T12 4t-1.034.428t-.427 1.034t.427 1.033T12 6.923t1.034-.428M6.495 19.572q.428-.428.428-1.033t-.428-1.034t-1.033-.428t-1.034.428T4 18.539t.428 1.033Q4.856 20 5.462 20t1.033-.428"/></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.727 20.273Q3 19.546 3 18.538t.727-1.734t1.735-.727q.43 0 .836.151q.406.15.723.428l4.479-4.479V7.869q-.83-.171-1.396-.843q-.565-.672-.565-1.564q0-1.008.726-1.735Q10.993 3 12 3t1.735.727t.727 1.735q0 .892-.556 1.564t-1.406.843v4.308l4.485 4.479q.317-.277.72-.428t.834-.151q1.007 0 1.734.727T21 18.539t-.727 1.734t-1.735.727t-1.734-.727t-.727-1.734q0-.297.064-.578q.065-.28.207-.52L12 13.092l-4.348 4.349q.142.24.207.52q.064.281.064.578q0 1.007-.727 1.734T5.462 21t-1.735-.727m15.845-.701q.428-.428.428-1.033t-.428-1.034t-1.033-.428t-1.034.428t-.428 1.033t.428 1.034t1.034.428t1.033-.428M13.034 6.495q.428-.428.428-1.033t-.428-1.034T12 4t-1.034.428t-.427 1.034t.427 1.033T12 6.923t1.034-.428M6.495 19.572q.428-.428.428-1.033t-.428-1.034t-1.033-.428t-1.034.428T4 18.539t.428 1.033Q4.856 20 5.462 20t1.033-.428"/></svg>
</template>

CSS

.icon-network-node {
  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.727%2020.273Q3%2019.546%203%2018.538t.727-1.734t1.735-.727q.43%200%20.836.151q.406.15.723.428l4.479-4.479V7.869q-.83-.171-1.396-.843q-.565-.672-.565-1.564q0-1.008.726-1.735Q10.993%203%2012%203t1.735.727t.727%201.735q0%20.892-.556%201.564t-1.406.843v4.308l4.485%204.479q.317-.277.72-.428t.834-.151q1.007%200%201.734.727T21%2018.539t-.727%201.734t-1.735.727t-1.734-.727t-.727-1.734q0-.297.064-.578q.065-.28.207-.52L12%2013.092l-4.348%204.349q.142.24.207.52q.064.281.064.578q0%201.007-.727%201.734T5.462%2021t-1.735-.727m15.845-.701q.428-.428.428-1.033t-.428-1.034t-1.033-.428t-1.034.428t-.428%201.033t.428%201.034t1.034.428t1.033-.428M13.034%206.495q.428-.428.428-1.033t-.428-1.034T12%204t-1.034.428t-.427%201.034t.427%201.033T12%206.923t1.034-.428M6.495%2019.572q.428-.428.428-1.033t-.428-1.034t-1.033-.428t-1.034.428T4%2018.539t.428%201.033Q4.856%2020%205.462%2020t1.033-.428%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.727%2020.273Q3%2019.546%203%2018.538t.727-1.734t1.735-.727q.43%200%20.836.151q.406.15.723.428l4.479-4.479V7.869q-.83-.171-1.396-.843q-.565-.672-.565-1.564q0-1.008.726-1.735Q10.993%203%2012%203t1.735.727t.727%201.735q0%20.892-.556%201.564t-1.406.843v4.308l4.485%204.479q.317-.277.72-.428t.834-.151q1.007%200%201.734.727T21%2018.539t-.727%201.734t-1.735.727t-1.734-.727t-.727-1.734q0-.297.064-.578q.065-.28.207-.52L12%2013.092l-4.348%204.349q.142.24.207.52q.064.281.064.578q0%201.007-.727%201.734T5.462%2021t-1.735-.727m15.845-.701q.428-.428.428-1.033t-.428-1.034t-1.033-.428t-1.034.428t-.428%201.033t.428%201.034t1.034.428t1.033-.428M13.034%206.495q.428-.428.428-1.033t-.428-1.034T12%204t-1.034.428t-.427%201.034t.427%201.033T12%206.923t1.034-.428M6.495%2019.572q.428-.428.428-1.033t-.428-1.034t-1.033-.428t-1.034.428T4%2018.539t.428%201.033Q4.856%2020%205.462%2020t1.033-.428%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/network-node.svg?color=%231a73e8&size=48