How to Create Font Awesome Icons using CSS

How to Create Font Awesome Icons using CSS

In this article, we will explain How to Create Font Awesome Icons using CSS.

Example:-

<html>
<head>
<title>Font Awesome Icons using CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<i class="fa fa-apple"></i>
<i class="fa fa-wifi"></i>
<i class="fa fa-car"></i>
<i class="fa fa-traffic"></i>
<i class="fa fa-bluetooth"></i>
<i class="fa fa-cloud" style="font-size:34px;"></i>
<i class="fa fa-user" style="font-size:46px;"></i>
<i class="fa fa-envelope" style="font-size:38px;color:red;"></i>
<i class="fa fa-file" style="font-size:50px;color:green;"></i>
</body>
</html>

<i> tag used for creating the icons. An external link of Cascading stylesheet used in the <head></head> Section.