grid icon
grid-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- grid-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
gridAkar IconsgridBootstrap IconsgridBoxIcons v2gridBoxIcons v2 SolidgridCarbongridElement Plusgrid-fillEva IconsgridFramework7 IconsgridFeather Iconsgrid-outlineFlowbite Iconsgrid-16-filledFluent UI System IconsgridHuge IconsgridIonIconsgridJam IconsgridMaterial Design Iconsgrid-fillMingCute IcongridPixelarticonsgridRadix Iconsgrid-fillRemix IcongridUniconsgridUnicons MonochromegridUnicons Solid
Related icons in Myna UI Icons
Use the grid icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.699 2.25c-.84 0-1.546 0-2.106.075c-.594.08-1.137.257-1.574.694s-.614.98-.694 1.574c-.075.56-.075 1.266-.075 2.106V6.8c0 .84 0 1.546.075 2.106c.08.594.257 1.137.694 1.574s.98.614 1.574.694c.56.075 1.266.075 2.106.075H6.8c.84 0 1.546 0 2.106-.075c.594-.08 1.137-.257 1.574-.694s.614-.98.694-1.574c.075-.56.075-1.266.075-2.106v-.1c0-.84 0-1.546-.075-2.106c-.08-.594-.257-1.137-.694-1.574s-.98-.614-1.574-.694c-.56-.075-1.266-.075-2.106-.075zm10.5 0c-.84 0-1.546 0-2.106.075c-.594.08-1.137.257-1.574.694s-.614.98-.694 1.574c-.075.56-.075 1.266-.075 2.106V6.8c0 .84 0 1.546.075 2.106c.08.594.257 1.137.694 1.574s.98.614 1.574.694c.56.075 1.266.075 2.106.075h.102c.84 0 1.546 0 2.106-.075c.594-.08 1.137-.257 1.574-.694s.614-.98.694-1.574c.075-.56.075-1.266.075-2.106v-.1c0-.84 0-1.546-.075-2.106c-.08-.594-.257-1.137-.694-1.574s-.98-.614-1.574-.694c-.56-.075-1.265-.075-2.105-.075zm-10.5 10.507c-.84 0-1.546 0-2.106.075c-.594.08-1.137.257-1.574.694s-.614.98-.694 1.574c-.075.56-.075 1.266-.075 2.106v.102c0 .84 0 1.546.075 2.106c.08.594.257 1.137.694 1.574s.98.614 1.574.694c.56.075 1.266.075 2.106.075H6.8c.84 0 1.546 0 2.106-.075c.594-.08 1.137-.257 1.574-.694s.614-.98.694-1.574c.075-.56.075-1.266.075-2.106v-.102c0-.84 0-1.545-.075-2.106c-.08-.594-.257-1.137-.694-1.574s-.98-.614-1.574-.694c-.56-.075-1.266-.075-2.106-.075zm10.5 0c-.84 0-1.546 0-2.106.075c-.594.08-1.137.257-1.574.694s-.614.98-.694 1.574c-.075.56-.075 1.266-.075 2.106v.102c0 .84 0 1.546.075 2.106c.08.594.257 1.137.694 1.574s.98.614 1.574.694c.56.075 1.266.075 2.106.075h.102c.84 0 1.546 0 2.106-.075c.594-.08 1.137-.257 1.574-.694s.614-.98.694-1.574c.075-.56.075-1.266.075-2.106v-.102c0-.84 0-1.545-.075-2.106c-.08-.594-.257-1.137-.694-1.574s-.98-.614-1.574-.694c-.56-.075-1.266-.075-2.105-.075z"/></svg>
React
import type { SVGProps } from "react";
export function MynauiGridSolid(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.699 2.25c-.84 0-1.546 0-2.106.075c-.594.08-1.137.257-1.574.694s-.614.98-.694 1.574c-.075.56-.075 1.266-.075 2.106V6.8c0 .84 0 1.546.075 2.106c.08.594.257 1.137.694 1.574s.98.614 1.574.694c.56.075 1.266.075 2.106.075H6.8c.84 0 1.546 0 2.106-.075c.594-.08 1.137-.257 1.574-.694s.614-.98.694-1.574c.075-.56.075-1.266.075-2.106v-.1c0-.84 0-1.546-.075-2.106c-.08-.594-.257-1.137-.694-1.574s-.98-.614-1.574-.694c-.56-.075-1.266-.075-2.106-.075zm10.5 0c-.84 0-1.546 0-2.106.075c-.594.08-1.137.257-1.574.694s-.614.98-.694 1.574c-.075.56-.075 1.266-.075 2.106V6.8c0 .84 0 1.546.075 2.106c.08.594.257 1.137.694 1.574s.98.614 1.574.694c.56.075 1.266.075 2.106.075h.102c.84 0 1.546 0 2.106-.075c.594-.08 1.137-.257 1.574-.694s.614-.98.694-1.574c.075-.56.075-1.266.075-2.106v-.1c0-.84 0-1.546-.075-2.106c-.08-.594-.257-1.137-.694-1.574s-.98-.614-1.574-.694c-.56-.075-1.265-.075-2.105-.075zm-10.5 10.507c-.84 0-1.546 0-2.106.075c-.594.08-1.137.257-1.574.694s-.614.98-.694 1.574c-.075.56-.075 1.266-.075 2.106v.102c0 .84 0 1.546.075 2.106c.08.594.257 1.137.694 1.574s.98.614 1.574.694c.56.075 1.266.075 2.106.075H6.8c.84 0 1.546 0 2.106-.075c.594-.08 1.137-.257 1.574-.694s.614-.98.694-1.574c.075-.56.075-1.266.075-2.106v-.102c0-.84 0-1.545-.075-2.106c-.08-.594-.257-1.137-.694-1.574s-.98-.614-1.574-.694c-.56-.075-1.266-.075-2.106-.075zm10.5 0c-.84 0-1.546 0-2.106.075c-.594.08-1.137.257-1.574.694s-.614.98-.694 1.574c-.075.56-.075 1.266-.075 2.106v.102c0 .84 0 1.546.075 2.106c.08.594.257 1.137.694 1.574s.98.614 1.574.694c.56.075 1.266.075 2.106.075h.102c.84 0 1.546 0 2.106-.075c.594-.08 1.137-.257 1.574-.694s.614-.98.694-1.574c.075-.56.075-1.266.075-2.106v-.102c0-.84 0-1.545-.075-2.106c-.08-.594-.257-1.137-.694-1.574s-.98-.614-1.574-.694c-.56-.075-1.266-.075-2.105-.075z"/></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.699 2.25c-.84 0-1.546 0-2.106.075c-.594.08-1.137.257-1.574.694s-.614.98-.694 1.574c-.075.56-.075 1.266-.075 2.106V6.8c0 .84 0 1.546.075 2.106c.08.594.257 1.137.694 1.574s.98.614 1.574.694c.56.075 1.266.075 2.106.075H6.8c.84 0 1.546 0 2.106-.075c.594-.08 1.137-.257 1.574-.694s.614-.98.694-1.574c.075-.56.075-1.266.075-2.106v-.1c0-.84 0-1.546-.075-2.106c-.08-.594-.257-1.137-.694-1.574s-.98-.614-1.574-.694c-.56-.075-1.266-.075-2.106-.075zm10.5 0c-.84 0-1.546 0-2.106.075c-.594.08-1.137.257-1.574.694s-.614.98-.694 1.574c-.075.56-.075 1.266-.075 2.106V6.8c0 .84 0 1.546.075 2.106c.08.594.257 1.137.694 1.574s.98.614 1.574.694c.56.075 1.266.075 2.106.075h.102c.84 0 1.546 0 2.106-.075c.594-.08 1.137-.257 1.574-.694s.614-.98.694-1.574c.075-.56.075-1.266.075-2.106v-.1c0-.84 0-1.546-.075-2.106c-.08-.594-.257-1.137-.694-1.574s-.98-.614-1.574-.694c-.56-.075-1.265-.075-2.105-.075zm-10.5 10.507c-.84 0-1.546 0-2.106.075c-.594.08-1.137.257-1.574.694s-.614.98-.694 1.574c-.075.56-.075 1.266-.075 2.106v.102c0 .84 0 1.546.075 2.106c.08.594.257 1.137.694 1.574s.98.614 1.574.694c.56.075 1.266.075 2.106.075H6.8c.84 0 1.546 0 2.106-.075c.594-.08 1.137-.257 1.574-.694s.614-.98.694-1.574c.075-.56.075-1.266.075-2.106v-.102c0-.84 0-1.545-.075-2.106c-.08-.594-.257-1.137-.694-1.574s-.98-.614-1.574-.694c-.56-.075-1.266-.075-2.106-.075zm10.5 0c-.84 0-1.546 0-2.106.075c-.594.08-1.137.257-1.574.694s-.614.98-.694 1.574c-.075.56-.075 1.266-.075 2.106v.102c0 .84 0 1.546.075 2.106c.08.594.257 1.137.694 1.574s.98.614 1.574.694c.56.075 1.266.075 2.106.075h.102c.84 0 1.546 0 2.106-.075c.594-.08 1.137-.257 1.574-.694s.614-.98.694-1.574c.075-.56.075-1.266.075-2.106v-.102c0-.84 0-1.545-.075-2.106c-.08-.594-.257-1.137-.694-1.574s-.98-.614-1.574-.694c-.56-.075-1.266-.075-2.105-.075z"/></svg> </template>
CSS
.icon-grid-solid {
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.699%202.25c-.84%200-1.546%200-2.106.075c-.594.08-1.137.257-1.574.694s-.614.98-.694%201.574c-.075.56-.075%201.266-.075%202.106V6.8c0%20.84%200%201.546.075%202.106c.08.594.257%201.137.694%201.574s.98.614%201.574.694c.56.075%201.266.075%202.106.075H6.8c.84%200%201.546%200%202.106-.075c.594-.08%201.137-.257%201.574-.694s.614-.98.694-1.574c.075-.56.075-1.266.075-2.106v-.1c0-.84%200-1.546-.075-2.106c-.08-.594-.257-1.137-.694-1.574s-.98-.614-1.574-.694c-.56-.075-1.266-.075-2.106-.075zm10.5%200c-.84%200-1.546%200-2.106.075c-.594.08-1.137.257-1.574.694s-.614.98-.694%201.574c-.075.56-.075%201.266-.075%202.106V6.8c0%20.84%200%201.546.075%202.106c.08.594.257%201.137.694%201.574s.98.614%201.574.694c.56.075%201.266.075%202.106.075h.102c.84%200%201.546%200%202.106-.075c.594-.08%201.137-.257%201.574-.694s.614-.98.694-1.574c.075-.56.075-1.266.075-2.106v-.1c0-.84%200-1.546-.075-2.106c-.08-.594-.257-1.137-.694-1.574s-.98-.614-1.574-.694c-.56-.075-1.265-.075-2.105-.075zm-10.5%2010.507c-.84%200-1.546%200-2.106.075c-.594.08-1.137.257-1.574.694s-.614.98-.694%201.574c-.075.56-.075%201.266-.075%202.106v.102c0%20.84%200%201.546.075%202.106c.08.594.257%201.137.694%201.574s.98.614%201.574.694c.56.075%201.266.075%202.106.075H6.8c.84%200%201.546%200%202.106-.075c.594-.08%201.137-.257%201.574-.694s.614-.98.694-1.574c.075-.56.075-1.266.075-2.106v-.102c0-.84%200-1.545-.075-2.106c-.08-.594-.257-1.137-.694-1.574s-.98-.614-1.574-.694c-.56-.075-1.266-.075-2.106-.075zm10.5%200c-.84%200-1.546%200-2.106.075c-.594.08-1.137.257-1.574.694s-.614.98-.694%201.574c-.075.56-.075%201.266-.075%202.106v.102c0%20.84%200%201.546.075%202.106c.08.594.257%201.137.694%201.574s.98.614%201.574.694c.56.075%201.266.075%202.106.075h.102c.84%200%201.546%200%202.106-.075c.594-.08%201.137-.257%201.574-.694s.614-.98.694-1.574c.075-.56.075-1.266.075-2.106v-.102c0-.84%200-1.545-.075-2.106c-.08-.594-.257-1.137-.694-1.574s-.98-.614-1.574-.694c-.56-.075-1.266-.075-2.105-.075z%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.699%202.25c-.84%200-1.546%200-2.106.075c-.594.08-1.137.257-1.574.694s-.614.98-.694%201.574c-.075.56-.075%201.266-.075%202.106V6.8c0%20.84%200%201.546.075%202.106c.08.594.257%201.137.694%201.574s.98.614%201.574.694c.56.075%201.266.075%202.106.075H6.8c.84%200%201.546%200%202.106-.075c.594-.08%201.137-.257%201.574-.694s.614-.98.694-1.574c.075-.56.075-1.266.075-2.106v-.1c0-.84%200-1.546-.075-2.106c-.08-.594-.257-1.137-.694-1.574s-.98-.614-1.574-.694c-.56-.075-1.266-.075-2.106-.075zm10.5%200c-.84%200-1.546%200-2.106.075c-.594.08-1.137.257-1.574.694s-.614.98-.694%201.574c-.075.56-.075%201.266-.075%202.106V6.8c0%20.84%200%201.546.075%202.106c.08.594.257%201.137.694%201.574s.98.614%201.574.694c.56.075%201.266.075%202.106.075h.102c.84%200%201.546%200%202.106-.075c.594-.08%201.137-.257%201.574-.694s.614-.98.694-1.574c.075-.56.075-1.266.075-2.106v-.1c0-.84%200-1.546-.075-2.106c-.08-.594-.257-1.137-.694-1.574s-.98-.614-1.574-.694c-.56-.075-1.265-.075-2.105-.075zm-10.5%2010.507c-.84%200-1.546%200-2.106.075c-.594.08-1.137.257-1.574.694s-.614.98-.694%201.574c-.075.56-.075%201.266-.075%202.106v.102c0%20.84%200%201.546.075%202.106c.08.594.257%201.137.694%201.574s.98.614%201.574.694c.56.075%201.266.075%202.106.075H6.8c.84%200%201.546%200%202.106-.075c.594-.08%201.137-.257%201.574-.694s.614-.98.694-1.574c.075-.56.075-1.266.075-2.106v-.102c0-.84%200-1.545-.075-2.106c-.08-.594-.257-1.137-.694-1.574s-.98-.614-1.574-.694c-.56-.075-1.266-.075-2.106-.075zm10.5%200c-.84%200-1.546%200-2.106.075c-.594.08-1.137.257-1.574.694s-.614.98-.694%201.574c-.075.56-.075%201.266-.075%202.106v.102c0%20.84%200%201.546.075%202.106c.08.594.257%201.137.694%201.574s.98.614%201.574.694c.56.075%201.266.075%202.106.075h.102c.84%200%201.546%200%202.106-.075c.594-.08%201.137-.257%201.574-.694s.614-.98.694-1.574c.075-.56.075-1.266.075-2.106v-.102c0-.84%200-1.545-.075-2.106c-.08-.594-.257-1.137-.694-1.574s-.98-.614-1.574-.694c-.56-.075-1.266-.075-2.105-.075z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/grid-solid.svg?color=%231a73e8&size=48
