circle on icon css code example
Example 1: call circle icon in html css
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>
Example 2: icon inside a circle css
i {
background-color: white;
border-radius: 50%;
border: 1px solid grey;
padding: 10px;
}