This chapter explains the usage of Font Awesome Medical 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
Medical icons. Replace the < body > tag of the above program with
the code given in the table to get the respective outputs −
| Usage |
Icon |
| <i class="fa fa-ambulance custom"></i> |
|
| <i class="fa fa-h-square custom"></i> |
|
| <i class="fa fa-heart custom"></i> |
|
| <i class="fa fa-heart-o custom"></i> |
|
| <i class="fa fa-heartbeat custom"></i> |
|
| <i class="fa fa-hospital-o custom"></i> |
|
| <i class="fa fa-medkit custom"></i> |
|
| <i class="fa fa-plus-square custom"></i> |
|
| <i class="fa fa-stethoscope custom"></i> |
|
| <i class="fa fa-user-md custom"></i> |
|
| <i class="fa fa-wheelchair custom"></i> |
|
No comments:
Post a Comment