Today I am going to show you how to make rounded social icons with css.
You can download the source files here.
I have set this project up so that you can create many different icon sizes, border sizes, border colors, backgrounds images, background colors, and light/dark themes.
Let's start with the first large Icon:
Here is the mark-up
<div class="circle-container extra-large">
<div class="box-1 stripe-2 blue-1 border-dark-grey border-10 shadow">
<img src="images/facebook-white.png" /> </div>
Here are the styles in detail.
*/ =========== Floats the container =========== /*