Font Awesome - Icônes de transport
Ce chapitre explique l'utilisation des icônes Font Awesome Transportation. Suppose quecustom est le nom de la classe CSS où nous avons défini la taille et la couleur, comme indiqué dans l'exemple ci-dessous.
<html>
<head>
<link rel = "stylesheet" href = "http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css">
<style>
i.custom {font-size: 2em; color: gray;}
</style>
</head>
<body>
<i class = "fa fa-adjust custom"></i>
</body>
</html>
Le tableau suivant présente l'utilisation et les résultats des icônes Font Awesome Transportation. Remplacez la balise <body> du programme ci-dessus par le code donné dans le tableau pour obtenir les sorties respectives -
Usage | Résultat |
---|---|
<i class = "fa fa-ambulance custom"> </i> | |
<i class = "fa fa-automobile custom"> </i> | |
<i class = "fa fa-bike custom"> </i> | |
<i class = "fa fa-bus custom"> </i> | |
<i class = "fa fa-cab custom"> </i> | |
<i class = "fa fa-car custom"> </i> | |
<i class = "fa fa-fighter-jet custom"> </i> | |
<i class = "fa fa-Motorcycle custom"> </i> | |
<i class = "fa fa-plane custom"> </i> | |
<i class = "fa fa-rocket custom"> </i> | |
<i class = "fa fa-ship custom"> </i> | |
<i class = "fa fa-space-shuttle custom"> </i> | |
<i class = "fa fa-subway custom"> </i> | |
<i class = "fa fa-taxi custom"> </i> | |
<i class = "fa fa-train custom"> </i> | |
<i class = "fa fa-truck custom"> </i> | |
<i class = "fa fa-wheelchair custom"> </i> |