insights icon
insights from Material Symbols by Google · Regular · Apache-2.0 Free for personal and commercial use.
- Name
- insights
- Set
- Material Symbols
- Style
- Regular
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- insights-sharp
The same icon in other sets
Use the insights icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 20q-.825 0-1.413-.588T1 18q0-.825.588-1.413T3 16h.263q.112 0 .237.05l4.55-4.55Q8 11.375 8 11.262V11q0-.825.588-1.413T10 9q.825 0 1.413.588T12 11q0 .05-.05.5l2.55 2.55q.125-.05.238-.05h.525q.112 0 .237.05l3.55-3.55q-.05-.125-.05-.238V10q0-.825.588-1.413T21 8q.825 0 1.413.588T23 10q0 .825-.588 1.413T21 12h-.263q-.112 0-.237-.05l-3.55 3.55q.05.125.05.238V16q0 .825-.588 1.413T15 18q-.825 0-1.413-.588T13 16v-.263q0-.112.05-.237l-2.55-2.55q-.125.05-.238.05H10q-.05 0-.5-.05L4.95 17.5q.05.125.05.238V18q0 .825-.588 1.413T3 20ZM4 9.975l-.625-1.35L2.025 8l1.35-.625L4 6.025l.625 1.35L5.975 8l-1.35.625L4 9.975ZM15 9l-.95-2.05L12 6l2.05-.95L15 3l.95 2.05L18 6l-2.05.95L15 9Z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsInsights(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 20q-.825 0-1.413-.588T1 18q0-.825.588-1.413T3 16h.263q.112 0 .237.05l4.55-4.55Q8 11.375 8 11.262V11q0-.825.588-1.413T10 9q.825 0 1.413.588T12 11q0 .05-.05.5l2.55 2.55q.125-.05.238-.05h.525q.112 0 .237.05l3.55-3.55q-.05-.125-.05-.238V10q0-.825.588-1.413T21 8q.825 0 1.413.588T23 10q0 .825-.588 1.413T21 12h-.263q-.112 0-.237-.05l-3.55 3.55q.05.125.05.238V16q0 .825-.588 1.413T15 18q-.825 0-1.413-.588T13 16v-.263q0-.112.05-.237l-2.55-2.55q-.125.05-.238.05H10q-.05 0-.5-.05L4.95 17.5q.05.125.05.238V18q0 .825-.588 1.413T3 20ZM4 9.975l-.625-1.35L2.025 8l1.35-.625L4 6.025l.625 1.35L5.975 8l-1.35.625L4 9.975ZM15 9l-.95-2.05L12 6l2.05-.95L15 3l.95 2.05L18 6l-2.05.95L15 9Z"/></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 20q-.825 0-1.413-.588T1 18q0-.825.588-1.413T3 16h.263q.112 0 .237.05l4.55-4.55Q8 11.375 8 11.262V11q0-.825.588-1.413T10 9q.825 0 1.413.588T12 11q0 .05-.05.5l2.55 2.55q.125-.05.238-.05h.525q.112 0 .237.05l3.55-3.55q-.05-.125-.05-.238V10q0-.825.588-1.413T21 8q.825 0 1.413.588T23 10q0 .825-.588 1.413T21 12h-.263q-.112 0-.237-.05l-3.55 3.55q.05.125.05.238V16q0 .825-.588 1.413T15 18q-.825 0-1.413-.588T13 16v-.263q0-.112.05-.237l-2.55-2.55q-.125.05-.238.05H10q-.05 0-.5-.05L4.95 17.5q.05.125.05.238V18q0 .825-.588 1.413T3 20ZM4 9.975l-.625-1.35L2.025 8l1.35-.625L4 6.025l.625 1.35L5.975 8l-1.35.625L4 9.975ZM15 9l-.95-2.05L12 6l2.05-.95L15 3l.95 2.05L18 6l-2.05.95L15 9Z"/></svg> </template>
CSS
.icon-insights {
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%2020q-.825%200-1.413-.588T1%2018q0-.825.588-1.413T3%2016h.263q.112%200%20.237.05l4.55-4.55Q8%2011.375%208%2011.262V11q0-.825.588-1.413T10%209q.825%200%201.413.588T12%2011q0%20.05-.05.5l2.55%202.55q.125-.05.238-.05h.525q.112%200%20.237.05l3.55-3.55q-.05-.125-.05-.238V10q0-.825.588-1.413T21%208q.825%200%201.413.588T23%2010q0%20.825-.588%201.413T21%2012h-.263q-.112%200-.237-.05l-3.55%203.55q.05.125.05.238V16q0%20.825-.588%201.413T15%2018q-.825%200-1.413-.588T13%2016v-.263q0-.112.05-.237l-2.55-2.55q-.125.05-.238.05H10q-.05%200-.5-.05L4.95%2017.5q.05.125.05.238V18q0%20.825-.588%201.413T3%2020ZM4%209.975l-.625-1.35L2.025%208l1.35-.625L4%206.025l.625%201.35L5.975%208l-1.35.625L4%209.975ZM15%209l-.95-2.05L12%206l2.05-.95L15%203l.95%202.05L18%206l-2.05.95L15%209Z%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%2020q-.825%200-1.413-.588T1%2018q0-.825.588-1.413T3%2016h.263q.112%200%20.237.05l4.55-4.55Q8%2011.375%208%2011.262V11q0-.825.588-1.413T10%209q.825%200%201.413.588T12%2011q0%20.05-.05.5l2.55%202.55q.125-.05.238-.05h.525q.112%200%20.237.05l3.55-3.55q-.05-.125-.05-.238V10q0-.825.588-1.413T21%208q.825%200%201.413.588T23%2010q0%20.825-.588%201.413T21%2012h-.263q-.112%200-.237-.05l-3.55%203.55q.05.125.05.238V16q0%20.825-.588%201.413T15%2018q-.825%200-1.413-.588T13%2016v-.263q0-.112.05-.237l-2.55-2.55q-.125.05-.238.05H10q-.05%200-.5-.05L4.95%2017.5q.05.125.05.238V18q0%20.825-.588%201.413T3%2020ZM4%209.975l-.625-1.35L2.025%208l1.35-.625L4%206.025l.625%201.35L5.975%208l-1.35.625L4%209.975ZM15%209l-.95-2.05L12%206l2.05-.95L15%203l.95%202.05L18%206l-2.05.95L15%209Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/insights.svg?color=%231a73e8&size=48
