Simgeleri ekleme Nasıl
Bir simge eklemek için, herhangi bir satır içi bir HTML öğesine simge sınıfının adını ekleyin.
<i> ve <span> elemanları yaygın simgeleri eklemek için kullanılır.
Aşağıdaki simge kütüphanelerde Tüm simgeler, CSS ile özelleştirilebilir ölçeklenebilir vektör simgeleridir (size, color, shadow, etc.)
Yazı Müthiş Simgeler
Yazı Müthiş simgelerini kullanmak için, içeride aşağıdaki satırı ekleyin <head> HTML sayfanızın bölümü:
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
Not: Hiçbir indirme veya yükleme gereklidir!
Örnek
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet"
href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
</head>
<body>
<i class="fa fa-cloud"></i>
<i
class="fa fa-heart"></i>
<i class="fa fa-car"></i>
<i class="fa fa-file"></i>
<i class="fa fa-bars"></i>
</body>
</html>
Kendin dene " Bootstrap Simgeler
Bootstrap glyphicons kullanmak için, içeride aşağıdaki satırı ekleyin <head> HTML sayfanızın bölümü:
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
Not: Hiçbir indirme veya yükleme gereklidir!
Örnek
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/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>
Kendin dene " Google Simgeler
Google simgeleri kullanmak için içeride aşağıdaki satırı ekleyin <head> HTML sayfanızın bölümü:
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
Not: Hiçbir indirme veya yükleme gereklidir!
Örnek
<!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>
Kendin dene " Tüm Yazı Müthiş simgelerin tam listesi için, ziyaret Yazı Başar simgesi referansı .
Tüm Bootstrap Glyphicons tam listesi için şu adresi ziyaret Önyükleme Glyphicon referansı .
Tüm Google simgelerin tam listesi için, ziyaret Google simgesi referansı .