Remix Icon
Remix Icon
Outline
Filled
Sharp
Cara pemasangan
Screenshot Ionicons
Letakkan <script> berikut ini didalam tag <head>
<link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet"/>Cara penggunaan
Buat kode tag HTML dengan susunan : class='ri-(name)-(style)', contoh :
<i class="ri-admin-line"></i>
<i class="ri-admin-fill"></i>Lihat contoh penggunaan :
Remix icon 1
Remix icon 2
Remix icon 3
Ionicon
Ionicon Web
Outline
Filled
Sharp
Cara pemasangan
Screenshot Remix Icons
Letakkan <script> berikut ini didalam template bagian atas tag penutup </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>Cara penggunaan
Buat kode tag HTML seperti berikut :
<ion-icon name="heart"></ion-icon>Untuk membedakan varian :
Varian Filled : atribut name hanya berupa nama ikon saja.<ion-icon name="heart"></ion-icon><ion-icon name="heart-outline"></ion-icon><ion-icon name="heart-sharp"></ion-icon>Daftar nama ikon lihat di Ionocons
Ionicon type Outline
Ionicon type Filled
Ionicon type Sharp