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.

Leave a Comment