자주 쓰는 무료 웹폰트 아이콘 링크 모음

무료 웹폰트 아이콘 사이트 

1. 부트스트랩 아이콘 

https://icons.getbootstrap.com/

Bootstrap Icons

사용법

1. head에 아래 링크 넣거나 

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">

 

2. 사용하는 css 파일에 아래 링크 넣는다. (둘중에 하나만 하면 됨) 

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

 

3. html 안에 필요한 곳에 사용한다. 

<i class="bi-alarm"></i>

 

 

---

2. ionicon

https://ionic.io/ionicons

Ionicons: The premium icon pack for Ionic Framework

---

 

사용볍 

1. body 닫기 직전 

<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>

2. html 안에 아이콘 넣을 때 

<ion-icon name="heart"></ion-icon>

---

https://fonts.google.com/icons?query=icon&icon.style=Rounded

Material Symbols and Icons - Google Fonts

---