div 정가운데 아이콘 배치

위 그림처럼 정 가운데 아이콘 배치하는 html + css

1. 방법 1

(html)

<div class='wrapper'>
  <i class='icon'></i>
</div>

(css)
.wrapper{
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-flex;
}

.icon {
  margin: auto;
}