Louis Harboe, talented interface designer has create iOS, Icons Made in Pure CSS, no images whatsoever. This icons set made using a variety of CSS techniques. Rounded corners, shadows, gradients, rgba, pseudo-elements, and transforms are just some of them. A lot of these were generated by helpful tools, such as westciv’s tools and Border Radius. By combining these techniques, we can create rich graphics with just a few lines of code.

In the contacts icon, he used 5 different shapes for the silhouette icon. The head is a rectangle with rounded corners, followed by another rectangle for the neck and a distorted semi-circle for the body. In order to get the curve of the shoulders to the neck, he placed two circles on top of the shapes. The result is an awesome icons set in only CSS. The demo will only work correctly on a webkit browser and has only been tested in Safari 5 and Google Chrome 5.

Requirements: Safari 5, Google Chrome 5
Demo: http://graphicpeel.com/cssiosicons
License: MIT License

Incoming search terms for the article:

• ios icon
• iOS icons
• contacts icon
• iOS icon generator
• iOS Icon Pack
• ios photos icon
• rectangle icons
• iOS CSS theme
• ios css
• icon ios