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 :
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>
Varian Outline : atribut name ditambahkan -outline.
<ion-icon name="heart-outline"></ion-icon>
Varian Sharp : atribut name ditambahkan -sharp.
<ion-icon name="heart-sharp"></ion-icon>
Daftar nama ikon lihat di Ionocons