Logo Luan Morina
Button with an icon on the left

HTML

<button type="button" class="btn btn-success btn-demo">
<span class="btn-demo-label"><i class="fa-solid fa-house-chimney"></i></span>Home</button>
<a href="#" class="btn btn-secondary btn-demo" role="button">
<span class="btn-demo-label"><i class="fa-solid fa-house-chimney"></i></span>Home</a>

Font Awesome CSS

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">

CSS (demo on this page)

.btn-demo {
position: relative;
width: 200px;
padding: 6px 12px 6px 60px;
text-align: left;
}

.btn-demo-label {
position: absolute;
top: 0;
left: 0;
display: inline-block;
padding: 6px 12px;
background: rgba(0, 0, 0, 0.15);
border-radius: 3px 0 0 3px;
}
   Bootstrap button with an icon on the Left Side