Font Awesome Circle Background

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<i class="fa fa-info-circle fa-4x icon-background1"></i>

CSS

.icon-background1 {
    color: blue;
}
.fa-info-circle:before {
    content: "\f05a";
    background-color: red;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: inline-block;
    line-height: 50px;
}