graph 2 icon
graph-2 from Material Symbols Light by Google · Regular · Business · Apache-2.0 Free for personal and commercial use.
- Name
- graph-2
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Business
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- graph-2-outline, graph-2-outline-rounded, graph-2-outline-sharp, graph-2-rounded, graph-2-sharp
The same icon in other sets
More business icons from Material Symbols Light
Use the graph 2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.349 21q-.979 0-1.664-.69T3 18.635q0-.84.534-1.49q.533-.65 1.332-.816v-2.445q0-.98.701-1.682q.702-.702 1.683-.702h4.25V7.671q-.798-.165-1.332-.815t-.533-1.49q0-.986.685-1.676T11.983 3t1.68.69t.703 1.676q0 .84-.534 1.49T12.5 7.67v3.83h4.25q.98 0 1.683.702q.701.702.701 1.683v2.444q.799.165 1.332.815q.534.65.534 1.49q0 .986-.702 1.676t-1.68.69t-1.664-.69t-.685-1.675q0-.84.534-1.49t1.332-.816v-2.445q0-.588-.398-.986t-.987-.398H12.5v3.829q.798.165 1.332.815t.533 1.49q0 .986-.702 1.676t-1.68.69t-1.664-.69t-.685-1.675q0-.84.534-1.49t1.332-.816V12.5H7.25q-.588 0-.986.398q-.399.398-.399.987v2.444q.798.165 1.332.815t.534 1.49q0 .986-.702 1.676t-1.68.69m.007-1q.569 0 .972-.392q.403-.393.403-.972q0-.58-.398-.974q-.398-.393-.987-.393q-.56 0-.953.403T4 18.634t.393.963t.963.403m6.635 0q.569 0 .972-.392t.403-.972t-.399-.974t-.986-.393q-.56 0-.953.403t-.393.963t.393.962q.393.403.963.403m6.634 0q.57 0 .972-.392q.403-.392.403-.972t-.398-.974t-.986-.393q-.56 0-.953.403q-.394.403-.394.963t.394.962t.962.403M11.991 6.73q.569 0 .972-.391t.403-.972t-.399-.974T11.981 4q-.56 0-.953.403t-.393.963t.393.962t.963.403"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightGraph2(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="M5.349 21q-.979 0-1.664-.69T3 18.635q0-.84.534-1.49q.533-.65 1.332-.816v-2.445q0-.98.701-1.682q.702-.702 1.683-.702h4.25V7.671q-.798-.165-1.332-.815t-.533-1.49q0-.986.685-1.676T11.983 3t1.68.69t.703 1.676q0 .84-.534 1.49T12.5 7.67v3.83h4.25q.98 0 1.683.702q.701.702.701 1.683v2.444q.799.165 1.332.815q.534.65.534 1.49q0 .986-.702 1.676t-1.68.69t-1.664-.69t-.685-1.675q0-.84.534-1.49t1.332-.816v-2.445q0-.588-.398-.986t-.987-.398H12.5v3.829q.798.165 1.332.815t.533 1.49q0 .986-.702 1.676t-1.68.69t-1.664-.69t-.685-1.675q0-.84.534-1.49t1.332-.816V12.5H7.25q-.588 0-.986.398q-.399.398-.399.987v2.444q.798.165 1.332.815t.534 1.49q0 .986-.702 1.676t-1.68.69m.007-1q.569 0 .972-.392q.403-.393.403-.972q0-.58-.398-.974q-.398-.393-.987-.393q-.56 0-.953.403T4 18.634t.393.963t.963.403m6.635 0q.569 0 .972-.392t.403-.972t-.399-.974t-.986-.393q-.56 0-.953.403t-.393.963t.393.962q.393.403.963.403m6.634 0q.57 0 .972-.392q.403-.392.403-.972t-.398-.974t-.986-.393q-.56 0-.953.403q-.394.403-.394.963t.394.962t.962.403M11.991 6.73q.569 0 .972-.391t.403-.972t-.399-.974T11.981 4q-.56 0-.953.403t-.393.963t.393.962t.963.403"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.349 21q-.979 0-1.664-.69T3 18.635q0-.84.534-1.49q.533-.65 1.332-.816v-2.445q0-.98.701-1.682q.702-.702 1.683-.702h4.25V7.671q-.798-.165-1.332-.815t-.533-1.49q0-.986.685-1.676T11.983 3t1.68.69t.703 1.676q0 .84-.534 1.49T12.5 7.67v3.83h4.25q.98 0 1.683.702q.701.702.701 1.683v2.444q.799.165 1.332.815q.534.65.534 1.49q0 .986-.702 1.676t-1.68.69t-1.664-.69t-.685-1.675q0-.84.534-1.49t1.332-.816v-2.445q0-.588-.398-.986t-.987-.398H12.5v3.829q.798.165 1.332.815t.533 1.49q0 .986-.702 1.676t-1.68.69t-1.664-.69t-.685-1.675q0-.84.534-1.49t1.332-.816V12.5H7.25q-.588 0-.986.398q-.399.398-.399.987v2.444q.798.165 1.332.815t.534 1.49q0 .986-.702 1.676t-1.68.69m.007-1q.569 0 .972-.392q.403-.393.403-.972q0-.58-.398-.974q-.398-.393-.987-.393q-.56 0-.953.403T4 18.634t.393.963t.963.403m6.635 0q.569 0 .972-.392t.403-.972t-.399-.974t-.986-.393q-.56 0-.953.403t-.393.963t.393.962q.393.403.963.403m6.634 0q.57 0 .972-.392q.403-.392.403-.972t-.398-.974t-.986-.393q-.56 0-.953.403q-.394.403-.394.963t.394.962t.962.403M11.991 6.73q.569 0 .972-.391t.403-.972t-.399-.974T11.981 4q-.56 0-.953.403t-.393.963t.393.962t.963.403"/></svg> </template>
CSS
.icon-graph-2 {
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%22M5.349%2021q-.979%200-1.664-.69T3%2018.635q0-.84.534-1.49q.533-.65%201.332-.816v-2.445q0-.98.701-1.682q.702-.702%201.683-.702h4.25V7.671q-.798-.165-1.332-.815t-.533-1.49q0-.986.685-1.676T11.983%203t1.68.69t.703%201.676q0%20.84-.534%201.49T12.5%207.67v3.83h4.25q.98%200%201.683.702q.701.702.701%201.683v2.444q.799.165%201.332.815q.534.65.534%201.49q0%20.986-.702%201.676t-1.68.69t-1.664-.69t-.685-1.675q0-.84.534-1.49t1.332-.816v-2.445q0-.588-.398-.986t-.987-.398H12.5v3.829q.798.165%201.332.815t.533%201.49q0%20.986-.702%201.676t-1.68.69t-1.664-.69t-.685-1.675q0-.84.534-1.49t1.332-.816V12.5H7.25q-.588%200-.986.398q-.399.398-.399.987v2.444q.798.165%201.332.815t.534%201.49q0%20.986-.702%201.676t-1.68.69m.007-1q.569%200%20.972-.392q.403-.393.403-.972q0-.58-.398-.974q-.398-.393-.987-.393q-.56%200-.953.403T4%2018.634t.393.963t.963.403m6.635%200q.569%200%20.972-.392t.403-.972t-.399-.974t-.986-.393q-.56%200-.953.403t-.393.963t.393.962q.393.403.963.403m6.634%200q.57%200%20.972-.392q.403-.392.403-.972t-.398-.974t-.986-.393q-.56%200-.953.403q-.394.403-.394.963t.394.962t.962.403M11.991%206.73q.569%200%20.972-.391t.403-.972t-.399-.974T11.981%204q-.56%200-.953.403t-.393.963t.393.962t.963.403%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%22M5.349%2021q-.979%200-1.664-.69T3%2018.635q0-.84.534-1.49q.533-.65%201.332-.816v-2.445q0-.98.701-1.682q.702-.702%201.683-.702h4.25V7.671q-.798-.165-1.332-.815t-.533-1.49q0-.986.685-1.676T11.983%203t1.68.69t.703%201.676q0%20.84-.534%201.49T12.5%207.67v3.83h4.25q.98%200%201.683.702q.701.702.701%201.683v2.444q.799.165%201.332.815q.534.65.534%201.49q0%20.986-.702%201.676t-1.68.69t-1.664-.69t-.685-1.675q0-.84.534-1.49t1.332-.816v-2.445q0-.588-.398-.986t-.987-.398H12.5v3.829q.798.165%201.332.815t.533%201.49q0%20.986-.702%201.676t-1.68.69t-1.664-.69t-.685-1.675q0-.84.534-1.49t1.332-.816V12.5H7.25q-.588%200-.986.398q-.399.398-.399.987v2.444q.798.165%201.332.815t.534%201.49q0%20.986-.702%201.676t-1.68.69m.007-1q.569%200%20.972-.392q.403-.393.403-.972q0-.58-.398-.974q-.398-.393-.987-.393q-.56%200-.953.403T4%2018.634t.393.963t.963.403m6.635%200q.569%200%20.972-.392t.403-.972t-.399-.974t-.986-.393q-.56%200-.953.403t-.393.963t.393.962q.393.403.963.403m6.634%200q.57%200%20.972-.392q.403-.392.403-.972t-.398-.974t-.986-.393q-.56%200-.953.403q-.394.403-.394.963t.394.962t.962.403M11.991%206.73q.569%200%20.972-.391t.403-.972t-.399-.974T11.981%204q-.56%200-.953.403t-.393.963t.393.962t.963.403%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/graph-2.svg?color=%231a73e8&size=48
