graph 4 icon
graph-4 from Material Symbols by Google · Regular · Business · Apache-2.0 Free for personal and commercial use.
- Name
- graph-4
- Set
- Material Symbols
- 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
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.05 22q-1.25 0-2.125-.875T9.05 19q0-.95.55-1.713T11 16.2V9.8l-3.425 4.15q.2.35.313.738T8 15.5q0 1.25-.875 2.125T5 18.5t-2.125-.875T2 15.5t.875-2.125T5 12.5q.275 0 .525.038t.5.137l4.3-5.2q-.6-.425-.962-1.063T9 5q0-1.25.875-2.125T12 2t2.125.875T15 5q0 .775-.363 1.413t-.962 1.062l4.3 5.2q.25-.1.5-.137T19 12.5q1.25 0 2.125.875T22 15.5t-.875 2.125T19 18.5t-2.125-.875T16 15.5q0-.425.113-.812t.312-.738L13 9.8v6.35q.9.3 1.475 1.075T15.05 19q0 1.25-.875 2.125T12.05 22m0-2q.425 0 .712-.288T13.05 19t-.288-.712T12.05 18t-.712.288t-.288.712t.288.713t.712.287M5 16.5q.425 0 .713-.288T6 15.5t-.288-.712T5 14.5t-.712.288T4 15.5t.288.713T5 16.5m14 0q.425 0 .713-.288T20 15.5t-.288-.712T19 14.5t-.712.288T18 15.5t.288.713t.712.287M12 6q.425 0 .713-.288T13 5t-.288-.712T12 4t-.712.288T11 5t.288.713T12 6"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsGraph4(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.05 22q-1.25 0-2.125-.875T9.05 19q0-.95.55-1.713T11 16.2V9.8l-3.425 4.15q.2.35.313.738T8 15.5q0 1.25-.875 2.125T5 18.5t-2.125-.875T2 15.5t.875-2.125T5 12.5q.275 0 .525.038t.5.137l4.3-5.2q-.6-.425-.962-1.063T9 5q0-1.25.875-2.125T12 2t2.125.875T15 5q0 .775-.363 1.413t-.962 1.062l4.3 5.2q.25-.1.5-.137T19 12.5q1.25 0 2.125.875T22 15.5t-.875 2.125T19 18.5t-2.125-.875T16 15.5q0-.425.113-.812t.312-.738L13 9.8v6.35q.9.3 1.475 1.075T15.05 19q0 1.25-.875 2.125T12.05 22m0-2q.425 0 .712-.288T13.05 19t-.288-.712T12.05 18t-.712.288t-.288.712t.288.713t.712.287M5 16.5q.425 0 .713-.288T6 15.5t-.288-.712T5 14.5t-.712.288T4 15.5t.288.713T5 16.5m14 0q.425 0 .713-.288T20 15.5t-.288-.712T19 14.5t-.712.288T18 15.5t.288.713t.712.287M12 6q.425 0 .713-.288T13 5t-.288-.712T12 4t-.712.288T11 5t.288.713T12 6"/></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.05 22q-1.25 0-2.125-.875T9.05 19q0-.95.55-1.713T11 16.2V9.8l-3.425 4.15q.2.35.313.738T8 15.5q0 1.25-.875 2.125T5 18.5t-2.125-.875T2 15.5t.875-2.125T5 12.5q.275 0 .525.038t.5.137l4.3-5.2q-.6-.425-.962-1.063T9 5q0-1.25.875-2.125T12 2t2.125.875T15 5q0 .775-.363 1.413t-.962 1.062l4.3 5.2q.25-.1.5-.137T19 12.5q1.25 0 2.125.875T22 15.5t-.875 2.125T19 18.5t-2.125-.875T16 15.5q0-.425.113-.812t.312-.738L13 9.8v6.35q.9.3 1.475 1.075T15.05 19q0 1.25-.875 2.125T12.05 22m0-2q.425 0 .712-.288T13.05 19t-.288-.712T12.05 18t-.712.288t-.288.712t.288.713t.712.287M5 16.5q.425 0 .713-.288T6 15.5t-.288-.712T5 14.5t-.712.288T4 15.5t.288.713T5 16.5m14 0q.425 0 .713-.288T20 15.5t-.288-.712T19 14.5t-.712.288T18 15.5t.288.713t.712.287M12 6q.425 0 .713-.288T13 5t-.288-.712T12 4t-.712.288T11 5t.288.713T12 6"/></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.05%2022q-1.25%200-2.125-.875T9.05%2019q0-.95.55-1.713T11%2016.2V9.8l-3.425%204.15q.2.35.313.738T8%2015.5q0%201.25-.875%202.125T5%2018.5t-2.125-.875T2%2015.5t.875-2.125T5%2012.5q.275%200%20.525.038t.5.137l4.3-5.2q-.6-.425-.962-1.063T9%205q0-1.25.875-2.125T12%202t2.125.875T15%205q0%20.775-.363%201.413t-.962%201.062l4.3%205.2q.25-.1.5-.137T19%2012.5q1.25%200%202.125.875T22%2015.5t-.875%202.125T19%2018.5t-2.125-.875T16%2015.5q0-.425.113-.812t.312-.738L13%209.8v6.35q.9.3%201.475%201.075T15.05%2019q0%201.25-.875%202.125T12.05%2022m0-2q.425%200%20.712-.288T13.05%2019t-.288-.712T12.05%2018t-.712.288t-.288.712t.288.713t.712.287M5%2016.5q.425%200%20.713-.288T6%2015.5t-.288-.712T5%2014.5t-.712.288T4%2015.5t.288.713T5%2016.5m14%200q.425%200%20.713-.288T20%2015.5t-.288-.712T19%2014.5t-.712.288T18%2015.5t.288.713t.712.287M12%206q.425%200%20.713-.288T13%205t-.288-.712T12%204t-.712.288T11%205t.288.713T12%206%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.05%2022q-1.25%200-2.125-.875T9.05%2019q0-.95.55-1.713T11%2016.2V9.8l-3.425%204.15q.2.35.313.738T8%2015.5q0%201.25-.875%202.125T5%2018.5t-2.125-.875T2%2015.5t.875-2.125T5%2012.5q.275%200%20.525.038t.5.137l4.3-5.2q-.6-.425-.962-1.063T9%205q0-1.25.875-2.125T12%202t2.125.875T15%205q0%20.775-.363%201.413t-.962%201.062l4.3%205.2q.25-.1.5-.137T19%2012.5q1.25%200%202.125.875T22%2015.5t-.875%202.125T19%2018.5t-2.125-.875T16%2015.5q0-.425.113-.812t.312-.738L13%209.8v6.35q.9.3%201.475%201.075T15.05%2019q0%201.25-.875%202.125T12.05%2022m0-2q.425%200%20.712-.288T13.05%2019t-.288-.712T12.05%2018t-.712.288t-.288.712t.288.713t.712.287M5%2016.5q.425%200%20.713-.288T6%2015.5t-.288-.712T5%2014.5t-.712.288T4%2015.5t.288.713T5%2016.5m14%200q.425%200%20.713-.288T20%2015.5t-.288-.712T19%2014.5t-.712.288T18%2015.5t.288.713t.712.287M12%206q.425%200%20.713-.288T13%205t-.288-.712T12%204t-.712.288T11%205t.288.713T12%206%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/graph-4.svg?color=%231a73e8&size=48
