[ICON] ion-icon 아이콘 사용하기
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 |