Back to Explorer
16 - 512
0.5 - 4.0
Save to
placesoutline
md bento
Designed by Google Material
Developer Export Center
Code snippets update in real-time as you customize the playground.
const MdBentoIcon = (props) => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
{...props}
>
<g><path d="M20,5H4C2.9,5,2,5.9,2,7v10c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V7C22,5.9,21.1,5,20,5z M20,11h-6V7h6V11z M4,7h8v10H4V7z M14,17v-4h6v4H14z M9.5,12c0,0.83-0.67,1.5-1.5,1.5S6.5,12.83,6.5,12s0.67-1.5,1.5-1.5S9.5,11.17,9.5,12z"/></g>
</svg>
);SVG Optimizer
Before
0.42 KB
↓
After
0.41 KB
Tags
applicationsarrangementbentoblocksboxcollectioncompartmentscontroldashboarddinnerdisplayfoodgridgroupedlauncherlayoutlunchmatrixmealmenumodulesnavigationnine squaresoptionsorganizedpatternrestaurantsectionsshortcutssquaresstructuretakeouttilesviewwindow
Compare Alternatives
See how other libraries approach this concept.