All CSS Envelope Icon

Here is yet another all CSS icon made with a single div.
This loads faster than any resource. You won’t use an svg or bitmap ever again!

We all know CSS can be very powerful. We all use it to style our websites. But it can do much more.
Here is the code on how you make a search icon with a single div and CSS.

We first started with making a box that has a border radius.
Then with :after and :before we made 2 triangles that fit perfectly in the box.

See the Pen Envelope CSS by Ben Aerens (@rundown) on CodePen.0

171 Views