1) https://blueprintcss.io

2) http://simplegrid.io

3) https://kamalkhan.github.io/awesome-grid/

4) https://www.cssscript.com/tag/grid-layout/

<svg width="50" height="50" viewBox="0 0 50 50">

<path d="M11,22C4.9,22,0,17.1,0,11C0,4.9,4.9,0,11,0s11,4.9,11,11C22,17.1,17.1,22,11,22zM11,2c-5,0-9,4-9,9c0,5,4,9,9,9s9-4,9-9C20,6,16,2,11,2z M15.2,12.1l-5.5,3.6c-1,0.6-1.8,0.2-1.8-1V7.3c0-1.2,0.8-1.6,1.8-1l5.5,3.6C16.2,10.5,16.2,11.5,15.2,12.1z"></path>

</svg>

<svg width="50" height="50" viewBox="0 0 50 50">

  <path d="M13.4,13.1C13.4,13,13.4,13,13.4,13.1L11.9,13h-1.4v-1.4V9.3V9C10.3,9,10.1,8.9,9.8,8.9c0.6-0.6,1-1.5,1.4-2.7

    c0.3-0.6,0.2-1.2,0.2-2c0-0.6,0.1-1.5,0-2C11,0.5,9.7,0,8.3,0C6.8,0,5.6,0.5,5.1,2.2c-0.1,0.5,0,1.4,0,2c0,0.8,0,1.3,0.2,2

    c0.4,1.1,0.8,2,1.3,2.6c0,0.1,0,0.1-0.1,0.1c-2.1,0.4-3.5,1.5-4.5,2C0,11.8,0,12.8,0,12.8c0,0,0,0,0,0v1.6c0,0.1,0,0.1,0.1,0.1

    l13.3,0v0V13.1z"></path>

  <path d="M19.9,9.3h-2.7c-0.1,0-0.1,0-0.1-0.1V6.5c0-0.1,0-0.1-0.1-0.1h-2.1c-0.1,0-0.1,0-0.1,0.1l0,2.7c0,0.1,0,0.1-0.1,0.1l-2.7,0

    c-0.1,0-0.1,0-0.1,0.1v2.1c0,0.1,0,0.1,0.1,0.1h2.7c0.1,0,0.1,0,0.1,0.1v2.7c0,0.1,0,0.1,0.1,0.1H17c0.1,0,0.1,0,0.1-0.1v-2.7

    c0-0.1,0-0.1,0.1-0.1l2.7,0c0.1,0,0.1,0,0.1-0.1L19.9,9.3C20,9.4,20,9.3,19.9,9.3z"></path>

</svg>

<svg width="50" height="50" viewBox="0 0 50 50">

  <path d="M11,22C4.9,22,0,17.1,0,11S4.9,0,11,0s11,4.9,11,11S17.1,22,11,22z M11,2c-5,0-9,4-9,9s4,9,9,9s9-4,9-9S16,2,11,2z"></path>

  <path d="M15.3,10H12V6.7c0-0.5-0.5-1-1-1s-1,0.5-1,1V10H6.7c-0.5,0-1,0.5-1,1s0.5,1,1,1H10v3.3c0,0.5,0.5,1,1,1s1-0.5,1-1V12h3.3

  c0.5,0,1-0.5,1-1S15.8,10,15.3,10z"></path>

</svg>

<svg width="50" height="50" viewBox="0 0 50 50">

  <path d="M14.5,6.5h-5v-5C9.5,0.7,8.8,0,8,0S6.5,0.7,6.5,1.5v5h-5C0.7,6.5,0,7.2,0,8s0.7,1.5,1.5,1.5h5v5C6.5,15.3,7.2,16,8,16s1.5-0.7,1.5-1.5v-5h5C15.3,9.5,16,8.8,16,8S15.3,6.5,14.5,6.5z"></path>

</svg>

방법 1) SVGO.npm

방법 2) SVGO.gui

아래 git 참조.

https://github.com/svg/svgo

[ 읽어 볼 것 ]

https://svgontheweb.com/ko/#animating

[ SVG Animation Library ]

http://snapsvg.io/demos/

이 라이브러리와 HTML5 Animation 기능을 합치면 구현이 용이할 듯.

참고 : https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Grid_Layout

2017-499.pptx

추가 자료 : https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Grid_Layout/그리드_템플릿_영역