CSS ikonkalar
Ikonkalar qanday qo‘shiladi
Ikonka kutubxonasi yordamida HTML sahifangizga ikonkalarni oson qo‘shishingiz mumkin.
Ikonka klass nomini istalgan inline HTML elementga (masalan <i> yoki <span>) qo‘shing.
Ikonka kutubxonalaridan olingan ikonkalar CSS bilan sozlanishi mumkin bo‘lgan masshtablanuvchi vektorlardir (o‘lcham, rang, soya va h.k.).
Font Awesome ikonkalari
Font Awesome ikonkalaridan foydalanish uchun fontawesome.com saytiga o‘ting, tizimga kiring va HTML sahifangizning <head> bo‘limiga qo‘shish uchun kodni oling.
Kod taxminan quyidagicha ko‘rinadi:
<script src="https://kit.fontawesome.com/yourcode.js" crossorigin="anonymous"></script>
Font Awesome haqida ko‘proq ma’lumotni bizning Font Awesome qo‘llanmamizda o‘qing.
Eslatma: Yuklab olish yoki o‘rnatish shart emas!
Misol
<!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>
Natija:
Barcha Font Awesome piktogrammalari bo‘yicha to‘liq ma’lumotnoma uchun Icon Reference sahifasiga tashrif buyuring.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!