Feather 웹 아이콘

https://feathericons.com/

Feather – Simply beautiful open source icons

 

head 부분
<script src="https://unpkg.com/feather-icons"></script>

body
<script>
    feather.replace()
</script>

---

사용법

<i data-feather="x"></i>

---

css

.feather {
  width: 30px;
  height: 30px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}