cssのみで グリッド アイコンを作成してみました。box-shadowを使って作ってみました。
ソース
html
<div class="grid"></div>
css
/* 真ん中 */ .grid { font-size: 100px; position: relative; width: 0.4em; height: 0.4em; background-color: #39a9d6; box-shadow: 0.6em 0 0 0 #39a9d6, 1.2em 0 0 0 #39a9d6, 0 0.6em 0 0 #39a9d6, 0.6em 0.6em 0 0 #39a9d6, 1.2em 0.6em 0 0 #39a9d6, 0 1.2em 0 0 #39a9d6, 0.6em 1.2em 0 0 #39a9d6, 1.2em 1.2em 0 0 #39a9d6 ; }