grid guides icon
grid-guides from Material Symbols by Google · Regular · Text · Apache-2.0 Free for personal and commercial use.
- Name
- grid-guides
- Set
- Material Symbols
- Style
- Regular
- Category
- Text
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- grid-guides-outline, grid-guides-outline-rounded, grid-guides-rounded
1 other variant in Material Symbols
The same icon in other sets
More text icons from Material Symbols
add-column-leftadd-column-rightadd-linkadd-notesadd-row-aboveadd-row-belowadd-to-drivealign-centeralign-endalign-flex-centeralign-flex-endalign-flex-startalign-horizontal-centeralign-horizontal-leftalign-horizontal-rightalign-items-stretchalign-justify-centeralign-justify-flex-endalign-justify-flex-startalign-justify-space-aroundalign-justify-space-betweenalign-justify-space-evenalign-justify-stretchalign-self-stretch
Use the grid guides icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.4 19h11.175l-2.1-2.1q-.725.525-1.612.813T12 18t-1.862-.3t-1.613-.825zM5 17.575l2.1-2.1q-.525-.725-.812-1.612T6 12t.3-1.862t.825-1.613L5 6.4zm3.55-3.55L10.6 12L8.55 9.975q-.275.45-.413.95T8 12t.138 1.075t.412.95m4.525 1.837q.5-.137.95-.412L12 13.4l-2.05 2.05q.45.275.963.412T12 16t1.075-.137M12 10.575l2.025-2.025q-.45-.275-.95-.413T12 8t-1.075.138t-.95.412zm3.45 3.45q.275-.45.413-.95T16 12t-.138-1.087t-.412-.963l-2.025 2.025zm3.55 3.55V6.4l-2.125 2.125q.525.725.825 1.613T18 12t-.288 1.863t-.812 1.612zm-3.525-10.45L17.6 5H6.425l2.1 2.1q.725-.525 1.613-.812T12 6t1.863.3t1.612.825M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsGridGuides(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="M6.4 19h11.175l-2.1-2.1q-.725.525-1.612.813T12 18t-1.862-.3t-1.613-.825zM5 17.575l2.1-2.1q-.525-.725-.812-1.612T6 12t.3-1.862t.825-1.613L5 6.4zm3.55-3.55L10.6 12L8.55 9.975q-.275.45-.413.95T8 12t.138 1.075t.412.95m4.525 1.837q.5-.137.95-.412L12 13.4l-2.05 2.05q.45.275.963.412T12 16t1.075-.137M12 10.575l2.025-2.025q-.45-.275-.95-.413T12 8t-1.075.138t-.95.412zm3.45 3.45q.275-.45.413-.95T16 12t-.138-1.087t-.412-.963l-2.025 2.025zm3.55 3.55V6.4l-2.125 2.125q.525.725.825 1.613T18 12t-.288 1.863t-.812 1.612zm-3.525-10.45L17.6 5H6.425l2.1 2.1q.725-.525 1.613-.812T12 6t1.863.3t1.612.825M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.4 19h11.175l-2.1-2.1q-.725.525-1.612.813T12 18t-1.862-.3t-1.613-.825zM5 17.575l2.1-2.1q-.525-.725-.812-1.612T6 12t.3-1.862t.825-1.613L5 6.4zm3.55-3.55L10.6 12L8.55 9.975q-.275.45-.413.95T8 12t.138 1.075t.412.95m4.525 1.837q.5-.137.95-.412L12 13.4l-2.05 2.05q.45.275.963.412T12 16t1.075-.137M12 10.575l2.025-2.025q-.45-.275-.95-.413T12 8t-1.075.138t-.95.412zm3.45 3.45q.275-.45.413-.95T16 12t-.138-1.087t-.412-.963l-2.025 2.025zm3.55 3.55V6.4l-2.125 2.125q.525.725.825 1.613T18 12t-.288 1.863t-.812 1.612zm-3.525-10.45L17.6 5H6.425l2.1 2.1q.725-.525 1.613-.812T12 6t1.863.3t1.612.825M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21z"/></svg> </template>
CSS
.icon-grid-guides {
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%22M6.4%2019h11.175l-2.1-2.1q-.725.525-1.612.813T12%2018t-1.862-.3t-1.613-.825zM5%2017.575l2.1-2.1q-.525-.725-.812-1.612T6%2012t.3-1.862t.825-1.613L5%206.4zm3.55-3.55L10.6%2012L8.55%209.975q-.275.45-.413.95T8%2012t.138%201.075t.412.95m4.525%201.837q.5-.137.95-.412L12%2013.4l-2.05%202.05q.45.275.963.412T12%2016t1.075-.137M12%2010.575l2.025-2.025q-.45-.275-.95-.413T12%208t-1.075.138t-.95.412zm3.45%203.45q.275-.45.413-.95T16%2012t-.138-1.087t-.412-.963l-2.025%202.025zm3.55%203.55V6.4l-2.125%202.125q.525.725.825%201.613T18%2012t-.288%201.863t-.812%201.612zm-3.525-10.45L17.6%205H6.425l2.1%202.1q.725-.525%201.613-.812T12%206t1.863.3t1.612.825M5%2021q-.825%200-1.412-.587T3%2019V5q0-.825.588-1.412T5%203h14q.825%200%201.413.588T21%205v14q0%20.825-.587%201.413T19%2021z%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%22M6.4%2019h11.175l-2.1-2.1q-.725.525-1.612.813T12%2018t-1.862-.3t-1.613-.825zM5%2017.575l2.1-2.1q-.525-.725-.812-1.612T6%2012t.3-1.862t.825-1.613L5%206.4zm3.55-3.55L10.6%2012L8.55%209.975q-.275.45-.413.95T8%2012t.138%201.075t.412.95m4.525%201.837q.5-.137.95-.412L12%2013.4l-2.05%202.05q.45.275.963.412T12%2016t1.075-.137M12%2010.575l2.025-2.025q-.45-.275-.95-.413T12%208t-1.075.138t-.95.412zm3.45%203.45q.275-.45.413-.95T16%2012t-.138-1.087t-.412-.963l-2.025%202.025zm3.55%203.55V6.4l-2.125%202.125q.525.725.825%201.613T18%2012t-.288%201.863t-.812%201.612zm-3.525-10.45L17.6%205H6.425l2.1%202.1q.725-.525%201.613-.812T12%206t1.863.3t1.612.825M5%2021q-.825%200-1.412-.587T3%2019V5q0-.825.588-1.412T5%203h14q.825%200%201.413.588T21%205v14q0%20.825-.587%201.413T19%2021z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/grid-guides.svg?color=%231a73e8&size=48
