Tayfun Erbilen'in CSS dersleri var. Bence onları izlemeniz yeterli olur.

İkonun arkasına dediğiniz gibi bir daire yapmak için ikonun nasıl kullanıldığına bakmak lazım. Eğer FontAwesome kullanılıyorsa, bir üst div'in CSS koduna şöyle bir ekleme yapılabilir.

.ornek i {
border-radius:30px;
background:red;
padding:10px;
}

Bu kod çok basit bir kod, isteğinize göre düzenlenmesi gerekiyor. İkon için FontAwesome kullanılmıyorsa, ikon kodu bir div içerisine alınıp direkt CSS kodu yazılabilir.

.ornek {
border-radius:30px;
background:red;
padding:10px;
}

şeklinde. Yukarıdaki border-radius yuvarlak kenar vermenize yarayan bir kod. Yanındaki px değeri ne kadar çok olursa kenarlar o kadar yuvarlak olur.