This chapter explains the usage of Font Awesome Transportation icons. Assume that
custom is the CSS class name where we defined the size and color, as shown in the example given below.
<html>
<head>
<link rel = "stylesheet" href = "https://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>
The following table shows the usage and the results of Font Awesome
Transportation icons. Replace the < body > tag of the above
program with the code given in the table to get the respective outputs −
| Usage |
Result |
| <i class="fa fa-ambulance custom"></i> |
|
| <i class="fa fa-automobile custom"></i> |
|
| <i class="fa fa-bicycle 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> |
|
No comments:
Post a Comment