One Div – CSS3 icons with a single html div

One div is a project aiming to enhance and deepen the use of  CSS3 using a library of logos. The icons featured on the website  are in pure css, and done with a single html div. It is a bit similar to using SVG (vectors) and they can be resized without quality loss. They also can be used in a responsive design and these icons can also benefit from animation effects. All designers and developers are welcome to contribute their own icon ideas.  There are some browser compatibility issues but the creators try hard to make them compatible in Chrome, Firefox and Safari.

one-div css3 icons

Learn more


About This Author

I am Petia Koleva (aka scarletish) and I am doing web and graphic design. I also like to experiment in infographics and motion graphics design. I graduated @Gray's School of Art in Aberdeen, Scotland - BDes (Hon) Design for Digital Media. I have two design awards: BP Design Award 2012 @ Gray's School of Art and RGU Purchase Prize Award. I am very passionate about design and I share my passion on

Post A Reply