body{--s:64px;--m:4px;--f:calc(1.732 * var(--s) + 4 * var(--m) - 1px)}.icons-grid-item{position:relative;display:inline-block;margin:var(--m);width:var(--s);height:calc(var(--s) * 1.1547);margin-bottom:calc(var(--m) - (var(--s) * .3885));background-color:hsl(var(--accent))}.icons-grid-item,.icons-grid-item:before{clip-path:polygon(0 25%,0 75%,50% 100%,100% 75%,100% 25%,50% 0)}.icons-grid-item:before{content:"";position:absolute;z-index:-1;top:1px;left:1px;height:calc(100% - 2px);width:calc(100% - 2px);background-color:hsl(var(--background))}.icons-grid:before{content:"";width:calc(var(--s) / 2 + var(--m));float:left;height:120%;shape-outside:repeating-linear-gradient(#0000 0 calc(var(--f) - 3px),#000 0 var(--f))}.icons-grid-item svg{position:absolute;width:65%;top:50%;left:50%;transform:translate(-50%,-50%)}