반응형
[ICON] ion-icon 아이콘 사용하기
Ionicons: The premium icon pack for Ionic Framework
Ionicons is an open-sourced and MIT licensed icon pack.
ionic.io
Installation
If you're using Ionic Framework, Ionicons is packaged by default, so no installation is necessary. Want to use Ionicons without Ionic Framework? Place the following <script> near the end of your page, right before the closing </body> tag, to enable them.
<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>Basic usage
To use a built-in icon from the Ionicons package, populate the name attribute on the ion-icon component:
<ion-icon name="heart"></ion-icon>반응형
'프로그래밍 > Style & Design' 카테고리의 다른 글
| 비전 프로 출시 D-2 (0) | 2024.01.31 |
|---|---|
| 10 Powerful CSS Properties that Every Web Dev must know (0) | 2023.08.29 |
| [CSS] Magic inspired Social Share Button (0) | 2023.08.24 |
| Best 15 CSS Trends To Watch For 2023 (0) | 2023.07.04 |
| [HTML] 24 Powerful HTML Attributes Every Senior Web Engineer Should Master! (0) | 2023.06.08 |