i.fa {
display: inline-block;
border-radius: 60px;
box-shadow: 0px 0px 2px #888;
padding: 0.5em 0.6em;
}
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<i class="fa fa-wrench"></i><!-- import font-awesome -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"/>
<a href="https://www.facebook.com/onlyapproved" title="Facebook brand page" target="_blank"><i class="fab fa-facebook-f iconss"></i></a>
<style>
.iconss {
font-size: 29px;
background: skyblue;
color: grey;
border: 2px solid black;
border-radius: 50%;
width: 30px;
margin-right: 5px;
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
</style>| Code Example |
|---|
| Css :: kill docker by image name |
| Css :: inherit class in sass |
| Css :: rem vs em |
| Css :: jest test try catch |
| Css :: css border only top and bottom |
| Css :: box position in center css |
| Css :: CSS box-shadow border shadow |
| Css :: css change the button text value |
| Css :: how to use purgecss with webpack mix laravel |
| Css :: how to make div position top in css |
| Css :: form layout with glassmorphism css |
| Css :: what port does wss use |
| Css :: how to give background overlay in css |
| Css :: background image |
| Css :: how to make background image responsive in css |
| Css :: css chevron arrow |
| Css :: line middle text css |
| Css :: iconscout css |
| Css :: &:disabled not working sass |
| Css :: multiple radial gradient css |
| Css :: center div with flexbox |
| Css :: how to make a list vertical in css |
| Css :: css bottom |
| Css :: watch scss |
| Css :: css select all immediate children |
| Css :: remove clicked button border |
| Css :: width css |
| Css :: how to remove margins css |
| Css :: add space between flex items |
| Css :: font shorthand css |