graph 4 icon
graph-4 from Material Symbols Light by Google · Regular · Business · Apache-2.0 Free for personal and commercial use.
- Name
- graph-4
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Business
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- graph-4-outline, graph-4-outline-rounded, graph-4-outline-sharp, graph-4-rounded, graph-4-sharp
The same icon in other sets
More business icons from Material Symbols Light
Use the graph 4 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.033 21q-.978 0-1.663-.69t-.685-1.675q0-.835.511-1.482q.512-.647 1.304-.819V8.647l-4.29 5.208q.257.292.389.66t.132.794q0 .985-.702 1.675t-1.68.69t-1.664-.689Q3 16.295 3 15.311t.684-1.676t1.662-.693q.303 0 .577.067q.275.066.525.205l4.666-5.681q-.639-.252-1.06-.842q-.42-.589-.42-1.325q0-.986.686-1.676q.685-.69 1.663-.69t1.68.69t.703 1.676q0 .736-.42 1.325q-.421.59-1.079.842l4.685 5.661q.25-.119.512-.185q.263-.067.552-.067q.98 0 1.682.69q.702.688.702 1.672t-.702 1.677t-1.68.692t-1.664-.69t-.685-1.675q0-.418.132-.8t.39-.673L12.5 8.646v7.677q.823.166 1.37.806q.546.64.546 1.505q0 .986-.702 1.676t-1.681.69m.008-1.02q.569 0 .972-.391t.403-.972t-.399-.974t-.986-.393q-.56 0-.953.403t-.393.963t.393.962q.393.403.963.403m-6.685-3.308q.569 0 .972-.392q.403-.393.403-.972q0-.58-.398-.974q-.398-.393-.987-.393q-.56 0-.953.403T4 15.308t.393.962t.963.403m13.269 0q.57 0 .972-.392q.403-.392.403-.972t-.398-.973t-.986-.394q-.56 0-.953.403q-.394.403-.394.963t.394.962t.962.403m-6.634-9.942q.569 0 .972-.392t.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 MaterialSymbolsLightGraph4(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.033 21q-.978 0-1.663-.69t-.685-1.675q0-.835.511-1.482q.512-.647 1.304-.819V8.647l-4.29 5.208q.257.292.389.66t.132.794q0 .985-.702 1.675t-1.68.69t-1.664-.689Q3 16.295 3 15.311t.684-1.676t1.662-.693q.303 0 .577.067q.275.066.525.205l4.666-5.681q-.639-.252-1.06-.842q-.42-.589-.42-1.325q0-.986.686-1.676q.685-.69 1.663-.69t1.68.69t.703 1.676q0 .736-.42 1.325q-.421.59-1.079.842l4.685 5.661q.25-.119.512-.185q.263-.067.552-.067q.98 0 1.682.69q.702.688.702 1.672t-.702 1.677t-1.68.692t-1.664-.69t-.685-1.675q0-.418.132-.8t.39-.673L12.5 8.646v7.677q.823.166 1.37.806q.546.64.546 1.505q0 .986-.702 1.676t-1.681.69m.008-1.02q.569 0 .972-.391t.403-.972t-.399-.974t-.986-.393q-.56 0-.953.403t-.393.963t.393.962q.393.403.963.403m-6.685-3.308q.569 0 .972-.392q.403-.393.403-.972q0-.58-.398-.974q-.398-.393-.987-.393q-.56 0-.953.403T4 15.308t.393.962t.963.403m13.269 0q.57 0 .972-.392q.403-.392.403-.972t-.398-.973t-.986-.394q-.56 0-.953.403q-.394.403-.394.963t.394.962t.962.403m-6.634-9.942q.569 0 .972-.392t.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="M12.033 21q-.978 0-1.663-.69t-.685-1.675q0-.835.511-1.482q.512-.647 1.304-.819V8.647l-4.29 5.208q.257.292.389.66t.132.794q0 .985-.702 1.675t-1.68.69t-1.664-.689Q3 16.295 3 15.311t.684-1.676t1.662-.693q.303 0 .577.067q.275.066.525.205l4.666-5.681q-.639-.252-1.06-.842q-.42-.589-.42-1.325q0-.986.686-1.676q.685-.69 1.663-.69t1.68.69t.703 1.676q0 .736-.42 1.325q-.421.59-1.079.842l4.685 5.661q.25-.119.512-.185q.263-.067.552-.067q.98 0 1.682.69q.702.688.702 1.672t-.702 1.677t-1.68.692t-1.664-.69t-.685-1.675q0-.418.132-.8t.39-.673L12.5 8.646v7.677q.823.166 1.37.806q.546.64.546 1.505q0 .986-.702 1.676t-1.681.69m.008-1.02q.569 0 .972-.391t.403-.972t-.399-.974t-.986-.393q-.56 0-.953.403t-.393.963t.393.962q.393.403.963.403m-6.685-3.308q.569 0 .972-.392q.403-.393.403-.972q0-.58-.398-.974q-.398-.393-.987-.393q-.56 0-.953.403T4 15.308t.393.962t.963.403m13.269 0q.57 0 .972-.392q.403-.392.403-.972t-.398-.973t-.986-.394q-.56 0-.953.403q-.394.403-.394.963t.394.962t.962.403m-6.634-9.942q.569 0 .972-.392t.403-.972t-.399-.974T11.981 4q-.56 0-.953.403t-.393.963t.393.962t.963.403"/></svg> </template>
CSS
.icon-graph-4 {
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.033%2021q-.978%200-1.663-.69t-.685-1.675q0-.835.511-1.482q.512-.647%201.304-.819V8.647l-4.29%205.208q.257.292.389.66t.132.794q0%20.985-.702%201.675t-1.68.69t-1.664-.689Q3%2016.295%203%2015.311t.684-1.676t1.662-.693q.303%200%20.577.067q.275.066.525.205l4.666-5.681q-.639-.252-1.06-.842q-.42-.589-.42-1.325q0-.986.686-1.676q.685-.69%201.663-.69t1.68.69t.703%201.676q0%20.736-.42%201.325q-.421.59-1.079.842l4.685%205.661q.25-.119.512-.185q.263-.067.552-.067q.98%200%201.682.69q.702.688.702%201.672t-.702%201.677t-1.68.692t-1.664-.69t-.685-1.675q0-.418.132-.8t.39-.673L12.5%208.646v7.677q.823.166%201.37.806q.546.64.546%201.505q0%20.986-.702%201.676t-1.681.69m.008-1.02q.569%200%20.972-.391t.403-.972t-.399-.974t-.986-.393q-.56%200-.953.403t-.393.963t.393.962q.393.403.963.403m-6.685-3.308q.569%200%20.972-.392q.403-.393.403-.972q0-.58-.398-.974q-.398-.393-.987-.393q-.56%200-.953.403T4%2015.308t.393.962t.963.403m13.269%200q.57%200%20.972-.392q.403-.392.403-.972t-.398-.973t-.986-.394q-.56%200-.953.403q-.394.403-.394.963t.394.962t.962.403m-6.634-9.942q.569%200%20.972-.392t.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%22M12.033%2021q-.978%200-1.663-.69t-.685-1.675q0-.835.511-1.482q.512-.647%201.304-.819V8.647l-4.29%205.208q.257.292.389.66t.132.794q0%20.985-.702%201.675t-1.68.69t-1.664-.689Q3%2016.295%203%2015.311t.684-1.676t1.662-.693q.303%200%20.577.067q.275.066.525.205l4.666-5.681q-.639-.252-1.06-.842q-.42-.589-.42-1.325q0-.986.686-1.676q.685-.69%201.663-.69t1.68.69t.703%201.676q0%20.736-.42%201.325q-.421.59-1.079.842l4.685%205.661q.25-.119.512-.185q.263-.067.552-.067q.98%200%201.682.69q.702.688.702%201.672t-.702%201.677t-1.68.692t-1.664-.69t-.685-1.675q0-.418.132-.8t.39-.673L12.5%208.646v7.677q.823.166%201.37.806q.546.64.546%201.505q0%20.986-.702%201.676t-1.681.69m.008-1.02q.569%200%20.972-.391t.403-.972t-.399-.974t-.986-.393q-.56%200-.953.403t-.393.963t.393.962q.393.403.963.403m-6.685-3.308q.569%200%20.972-.392q.403-.393.403-.972q0-.58-.398-.974q-.398-.393-.987-.393q-.56%200-.953.403T4%2015.308t.393.962t.963.403m13.269%200q.57%200%20.972-.392q.403-.392.403-.972t-.398-.973t-.986-.394q-.56%200-.953.403q-.394.403-.394.963t.394.962t.962.403m-6.634-9.942q.569%200%20.972-.392t.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-4.svg?color=%231a73e8&size=48
