graph 7 icon
graph-7 from Material Symbols Light by Google · Regular · Business · Apache-2.0 Free for personal and commercial use.
- Name
- graph-7
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Business
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- graph-7-outline, graph-7-outline-rounded, graph-7-outline-sharp, graph-7-rounded, graph-7-sharp
The same icon in other sets
More business icons from Material Symbols Light
Use the graph 7 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 22q-1 0-1.692-.702t-.692-1.702q0-.369.1-.691q.101-.322.29-.603l-4.308-4.294q-.28.183-.615.289q-.335.107-.685.107q-1 0-1.69-.702Q2.02 13 2.02 12t.69-1.702t1.689-.702q.879 0 1.529.553t.815 1.37h2.933q.148-.707.642-1.199q.495-.491 1.202-.64V6.749q-.817-.165-1.36-.825t-.544-1.52q0-1 .702-1.691q.702-.693 1.702-.693t1.702.693t.702 1.692q0 .35-.104.685q-.104.334-.292.615l4.289 4.288q.28-.188.615-.292t.684-.104q1 0 1.693.702Q22 11 22 12t-.692 1.702t-1.693.702q-.86 0-1.519-.543q-.66-.544-.825-1.361h-2.913q-.149.708-.65 1.202q-.5.494-1.208.642v2.927q.817.166 1.37.816t.553 1.51q0 1-.712 1.701Q13 22 12 22m-.48-4.729v-2.927q-.345-.067-.649-.232q-.304-.166-.55-.413q-.248-.247-.413-.551q-.166-.304-.233-.648H6.742q-.019.102-.05.207t-.074.21t-.092.197t-.114.18q.144.145.782.773q.639.63 1.372 1.365l1.37 1.374l.783.782q.089-.063.184-.114t.2-.095q.105-.045.21-.067t.206-.04m2.839-5.772h2.913q.02-.108.051-.213q.032-.104.076-.209t.095-.2t.115-.178q-.145-.144-.774-.783q-.628-.638-1.361-1.37q-.733-.734-1.371-1.363q-.639-.628-.783-.773q-.083.064-.178.115t-.2.095t-.21.076q-.104.032-.212.051v2.933q.339.061.645.23t.542.412t.412.541t.24.636m5.257 1.904q.58 0 .982-.403Q21 12.598 21 12q0-.579-.403-.991t-.981-.413q-.599 0-1.001.413q-.403.412-.403.991q0 .598.403 1.001q.402.403 1 .403m-7.596 0q.579 0 .991-.403T13.424 12q0-.579-.413-.991t-.99-.413q-.599 0-1.002.413q-.403.412-.403.991q0 .598.403 1.001t1.001.403m0 7.596q.579 0 .991-.413t.413-.99q0-.58-.413-.992t-.99-.413q-.599 0-1.002.413q-.403.412-.403.991t.403.991q.403.413 1.001.413m-7.596-7.596q.579 0 .991-.403T5.828 12q0-.579-.413-.991t-.991-.413t-.991.413T3.02 12q0 .598.413 1.001q.412.403.991.403m7.596-7.596q.579 0 .992-.403q.412-.403.412-1.001q0-.579-.413-.992T12.02 3q-.599 0-1.002.413q-.403.412-.403.99q0 .599.403 1.002t1.001.403"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightGraph7(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="M12 22q-1 0-1.692-.702t-.692-1.702q0-.369.1-.691q.101-.322.29-.603l-4.308-4.294q-.28.183-.615.289q-.335.107-.685.107q-1 0-1.69-.702Q2.02 13 2.02 12t.69-1.702t1.689-.702q.879 0 1.529.553t.815 1.37h2.933q.148-.707.642-1.199q.495-.491 1.202-.64V6.749q-.817-.165-1.36-.825t-.544-1.52q0-1 .702-1.691q.702-.693 1.702-.693t1.702.693t.702 1.692q0 .35-.104.685q-.104.334-.292.615l4.289 4.288q.28-.188.615-.292t.684-.104q1 0 1.693.702Q22 11 22 12t-.692 1.702t-1.693.702q-.86 0-1.519-.543q-.66-.544-.825-1.361h-2.913q-.149.708-.65 1.202q-.5.494-1.208.642v2.927q.817.166 1.37.816t.553 1.51q0 1-.712 1.701Q13 22 12 22m-.48-4.729v-2.927q-.345-.067-.649-.232q-.304-.166-.55-.413q-.248-.247-.413-.551q-.166-.304-.233-.648H6.742q-.019.102-.05.207t-.074.21t-.092.197t-.114.18q.144.145.782.773q.639.63 1.372 1.365l1.37 1.374l.783.782q.089-.063.184-.114t.2-.095q.105-.045.21-.067t.206-.04m2.839-5.772h2.913q.02-.108.051-.213q.032-.104.076-.209t.095-.2t.115-.178q-.145-.144-.774-.783q-.628-.638-1.361-1.37q-.733-.734-1.371-1.363q-.639-.628-.783-.773q-.083.064-.178.115t-.2.095t-.21.076q-.104.032-.212.051v2.933q.339.061.645.23t.542.412t.412.541t.24.636m5.257 1.904q.58 0 .982-.403Q21 12.598 21 12q0-.579-.403-.991t-.981-.413q-.599 0-1.001.413q-.403.412-.403.991q0 .598.403 1.001q.402.403 1 .403m-7.596 0q.579 0 .991-.403T13.424 12q0-.579-.413-.991t-.99-.413q-.599 0-1.002.413q-.403.412-.403.991q0 .598.403 1.001t1.001.403m0 7.596q.579 0 .991-.413t.413-.99q0-.58-.413-.992t-.99-.413q-.599 0-1.002.413q-.403.412-.403.991t.403.991q.403.413 1.001.413m-7.596-7.596q.579 0 .991-.403T5.828 12q0-.579-.413-.991t-.991-.413t-.991.413T3.02 12q0 .598.413 1.001q.412.403.991.403m7.596-7.596q.579 0 .992-.403q.412-.403.412-1.001q0-.579-.413-.992T12.02 3q-.599 0-1.002.413q-.403.412-.403.99q0 .599.403 1.002t1.001.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="M12 22q-1 0-1.692-.702t-.692-1.702q0-.369.1-.691q.101-.322.29-.603l-4.308-4.294q-.28.183-.615.289q-.335.107-.685.107q-1 0-1.69-.702Q2.02 13 2.02 12t.69-1.702t1.689-.702q.879 0 1.529.553t.815 1.37h2.933q.148-.707.642-1.199q.495-.491 1.202-.64V6.749q-.817-.165-1.36-.825t-.544-1.52q0-1 .702-1.691q.702-.693 1.702-.693t1.702.693t.702 1.692q0 .35-.104.685q-.104.334-.292.615l4.289 4.288q.28-.188.615-.292t.684-.104q1 0 1.693.702Q22 11 22 12t-.692 1.702t-1.693.702q-.86 0-1.519-.543q-.66-.544-.825-1.361h-2.913q-.149.708-.65 1.202q-.5.494-1.208.642v2.927q.817.166 1.37.816t.553 1.51q0 1-.712 1.701Q13 22 12 22m-.48-4.729v-2.927q-.345-.067-.649-.232q-.304-.166-.55-.413q-.248-.247-.413-.551q-.166-.304-.233-.648H6.742q-.019.102-.05.207t-.074.21t-.092.197t-.114.18q.144.145.782.773q.639.63 1.372 1.365l1.37 1.374l.783.782q.089-.063.184-.114t.2-.095q.105-.045.21-.067t.206-.04m2.839-5.772h2.913q.02-.108.051-.213q.032-.104.076-.209t.095-.2t.115-.178q-.145-.144-.774-.783q-.628-.638-1.361-1.37q-.733-.734-1.371-1.363q-.639-.628-.783-.773q-.083.064-.178.115t-.2.095t-.21.076q-.104.032-.212.051v2.933q.339.061.645.23t.542.412t.412.541t.24.636m5.257 1.904q.58 0 .982-.403Q21 12.598 21 12q0-.579-.403-.991t-.981-.413q-.599 0-1.001.413q-.403.412-.403.991q0 .598.403 1.001q.402.403 1 .403m-7.596 0q.579 0 .991-.403T13.424 12q0-.579-.413-.991t-.99-.413q-.599 0-1.002.413q-.403.412-.403.991q0 .598.403 1.001t1.001.403m0 7.596q.579 0 .991-.413t.413-.99q0-.58-.413-.992t-.99-.413q-.599 0-1.002.413q-.403.412-.403.991t.403.991q.403.413 1.001.413m-7.596-7.596q.579 0 .991-.403T5.828 12q0-.579-.413-.991t-.991-.413t-.991.413T3.02 12q0 .598.413 1.001q.412.403.991.403m7.596-7.596q.579 0 .992-.403q.412-.403.412-1.001q0-.579-.413-.992T12.02 3q-.599 0-1.002.413q-.403.412-.403.99q0 .599.403 1.002t1.001.403"/></svg> </template>
CSS
.icon-graph-7 {
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%22M12%2022q-1%200-1.692-.702t-.692-1.702q0-.369.1-.691q.101-.322.29-.603l-4.308-4.294q-.28.183-.615.289q-.335.107-.685.107q-1%200-1.69-.702Q2.02%2013%202.02%2012t.69-1.702t1.689-.702q.879%200%201.529.553t.815%201.37h2.933q.148-.707.642-1.199q.495-.491%201.202-.64V6.749q-.817-.165-1.36-.825t-.544-1.52q0-1%20.702-1.691q.702-.693%201.702-.693t1.702.693t.702%201.692q0%20.35-.104.685q-.104.334-.292.615l4.289%204.288q.28-.188.615-.292t.684-.104q1%200%201.693.702Q22%2011%2022%2012t-.692%201.702t-1.693.702q-.86%200-1.519-.543q-.66-.544-.825-1.361h-2.913q-.149.708-.65%201.202q-.5.494-1.208.642v2.927q.817.166%201.37.816t.553%201.51q0%201-.712%201.701Q13%2022%2012%2022m-.48-4.729v-2.927q-.345-.067-.649-.232q-.304-.166-.55-.413q-.248-.247-.413-.551q-.166-.304-.233-.648H6.742q-.019.102-.05.207t-.074.21t-.092.197t-.114.18q.144.145.782.773q.639.63%201.372%201.365l1.37%201.374l.783.782q.089-.063.184-.114t.2-.095q.105-.045.21-.067t.206-.04m2.839-5.772h2.913q.02-.108.051-.213q.032-.104.076-.209t.095-.2t.115-.178q-.145-.144-.774-.783q-.628-.638-1.361-1.37q-.733-.734-1.371-1.363q-.639-.628-.783-.773q-.083.064-.178.115t-.2.095t-.21.076q-.104.032-.212.051v2.933q.339.061.645.23t.542.412t.412.541t.24.636m5.257%201.904q.58%200%20.982-.403Q21%2012.598%2021%2012q0-.579-.403-.991t-.981-.413q-.599%200-1.001.413q-.403.412-.403.991q0%20.598.403%201.001q.402.403%201%20.403m-7.596%200q.579%200%20.991-.403T13.424%2012q0-.579-.413-.991t-.99-.413q-.599%200-1.002.413q-.403.412-.403.991q0%20.598.403%201.001t1.001.403m0%207.596q.579%200%20.991-.413t.413-.99q0-.58-.413-.992t-.99-.413q-.599%200-1.002.413q-.403.412-.403.991t.403.991q.403.413%201.001.413m-7.596-7.596q.579%200%20.991-.403T5.828%2012q0-.579-.413-.991t-.991-.413t-.991.413T3.02%2012q0%20.598.413%201.001q.412.403.991.403m7.596-7.596q.579%200%20.992-.403q.412-.403.412-1.001q0-.579-.413-.992T12.02%203q-.599%200-1.002.413q-.403.412-.403.99q0%20.599.403%201.002t1.001.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%22M12%2022q-1%200-1.692-.702t-.692-1.702q0-.369.1-.691q.101-.322.29-.603l-4.308-4.294q-.28.183-.615.289q-.335.107-.685.107q-1%200-1.69-.702Q2.02%2013%202.02%2012t.69-1.702t1.689-.702q.879%200%201.529.553t.815%201.37h2.933q.148-.707.642-1.199q.495-.491%201.202-.64V6.749q-.817-.165-1.36-.825t-.544-1.52q0-1%20.702-1.691q.702-.693%201.702-.693t1.702.693t.702%201.692q0%20.35-.104.685q-.104.334-.292.615l4.289%204.288q.28-.188.615-.292t.684-.104q1%200%201.693.702Q22%2011%2022%2012t-.692%201.702t-1.693.702q-.86%200-1.519-.543q-.66-.544-.825-1.361h-2.913q-.149.708-.65%201.202q-.5.494-1.208.642v2.927q.817.166%201.37.816t.553%201.51q0%201-.712%201.701Q13%2022%2012%2022m-.48-4.729v-2.927q-.345-.067-.649-.232q-.304-.166-.55-.413q-.248-.247-.413-.551q-.166-.304-.233-.648H6.742q-.019.102-.05.207t-.074.21t-.092.197t-.114.18q.144.145.782.773q.639.63%201.372%201.365l1.37%201.374l.783.782q.089-.063.184-.114t.2-.095q.105-.045.21-.067t.206-.04m2.839-5.772h2.913q.02-.108.051-.213q.032-.104.076-.209t.095-.2t.115-.178q-.145-.144-.774-.783q-.628-.638-1.361-1.37q-.733-.734-1.371-1.363q-.639-.628-.783-.773q-.083.064-.178.115t-.2.095t-.21.076q-.104.032-.212.051v2.933q.339.061.645.23t.542.412t.412.541t.24.636m5.257%201.904q.58%200%20.982-.403Q21%2012.598%2021%2012q0-.579-.403-.991t-.981-.413q-.599%200-1.001.413q-.403.412-.403.991q0%20.598.403%201.001q.402.403%201%20.403m-7.596%200q.579%200%20.991-.403T13.424%2012q0-.579-.413-.991t-.99-.413q-.599%200-1.002.413q-.403.412-.403.991q0%20.598.403%201.001t1.001.403m0%207.596q.579%200%20.991-.413t.413-.99q0-.58-.413-.992t-.99-.413q-.599%200-1.002.413q-.403.412-.403.991t.403.991q.403.413%201.001.413m-7.596-7.596q.579%200%20.991-.403T5.828%2012q0-.579-.413-.991t-.991-.413t-.991.413T3.02%2012q0%20.598.413%201.001q.412.403.991.403m7.596-7.596q.579%200%20.992-.403q.412-.403.412-1.001q0-.579-.413-.992T12.02%203q-.599%200-1.002.413q-.403.412-.403.99q0%20.599.403%201.002t1.001.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-7.svg?color=%231a73e8&size=48
