Cara Menambahkan Icon With CSS

Add Icon With CSS


Cara termudah untuk menambahkan ikon ke halaman HTML Anda, adalah dengan pustaka ikon, seperti Font Awesome.

Tambahkan nama kelas ikon yang ditentukan ke elemen HTML sebaris (seperti <i> atau <span>).

Semua ikon di pustaka ikon di bawah ini, adalah vektor terukur yang dapat disesuaikan dengan CSS (ukuran, warna, bayangan, dll.)


SILAHKAN COPY SCRIPT DIBAWAH....


FONT AWESOME ICONS

Examples :

<!DOCTYPE html>
<html>
<head>
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
</head>
<body>

<i class="fas fa-cloud"></i>
<i class="fas fa-heart"></i>
<i class="fas fa-car"></i>
<i class="fas fa-file"></i>
<i class="fas fa-bars"></i>

</body>
</html>



BOOTSTRAP ICONS

Examples :

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>

<i class="glyphicon glyphicon-cloud"></i>
<i class="glyphicon glyphicon-remove"></i>
<i class="glyphicon glyphicon-user"></i>
<i class="glyphicon glyphicon-envelope"></i>
<i class="glyphicon glyphicon-thumbs-up"></i>

</body>
</html>



GOOGLE ICONS

Examples :

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>
<body>

<i class="material-icons">cloud</i>
<i class="material-icons">favorite</i>
<i class="material-icons">attachment</i>
<i class="material-icons">computer</i>
<i class="material-icons">traffic</i>

</body>
</html>



>_ Sekian kalo ada salah mohon dikoreksi

Previous Post Next Post

Contact Form