<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"/>
</head>
<body>
<h1>fa-regular fa-file-lines</h1>
<i class='fa-regular fa-file-lines'></i>
<i class='fa-regular fa-file-lines' style='font-size:18px'></i>
<i class='fa-regular fa-file-lines' style='font-size:32px;color:green'></i>
<button class='btn'><i class='fa-regular fa-file-lines'></i> </button>
<style>
.btn
{
margin-top:10px;
display:block;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
border: none;
border-radius: 5px;
background-color:#003a8c;
color: #fff;
transition: background-color 0.3s ease;
}
.btn:hover {
background-color:#002766;
}
</style>
</body>
</html>