Categories: Web Designing

Incredible CSS Based Icons for Lightweight Web Pages!

Making a lightweight web pages has become the necessity these days. Everybody knows that Google is giving more importance to the lightweight and mobile friendly websites. With the introduction of AMP (Accelerated Mobile Pages) it has become more evident that speed is the key factor for top search engine rankings.

Every web designer tries to write neat and clean code to make HTML less cluttered. Less use of javascript and jquery has been the necessity to reduce the server requests. WIth the evolution of CSS3, the frontend animation and special effects have become easy for web designers who do not have enough command over handling javascript. CSS has also come a long way ahead giving the designer more flexibility and power with the introduction of some lightweight animations and special effects that eliminates the need of javascript. To reduce the http requests the use of web based svg fonts has been encouraged. This has made the flat icons appear sharp, neat and clean as well as scalable on all devices.

But what if you dont want to use the SVG based icons and still want to get the clean icons with the help of pure CSS? Yes, its very much possible now! Have you heard about CSS Icons?

Introducing CSS Icons to Code Lightweight Web Pages!

Adobe designer Wenting Zhang has created a library of such nice and lightweight icons made purely using CSS. This collection contains icons those are made using DIVs and not SVG. This awesome resource can be found at CSS Icon.

These various complex shapes are made using css classes annd you can easily embed them in your web pages. Take some time to explore this amazing library and try to utilise these incredibly lightweight icons in your web projects.

Please share your feedback on how did you found these CSS icons. Your opinions and experience will help other fellow web designers.

Cheers!

This post was last modified on August 25, 2017 6:44 am

Jessica Sanders

View Comments

Share
Published by
Jessica Sanders

Recent Posts

Is Facebook Long-Form Video Dead?

Welcome to this week’s edition of the Social Media Marketing Talk Show, a news show for marketers who want to… Read More

October 20, 2018 5:58 am

Why We Abandoned Facebook Video

Earlier this week, we made the decision to stop publishing three weekly shows on Facebook. I’d like to share some… Read More

October 19, 2018 2:28 pm

Should I Outsource My Social Media? 6 Questions to Ask Yourself by @ashleymadhatter

With every other Instagram star being a social media guru these days, it’s common for businesses to ask themselves whether… Read More

October 19, 2018 11:49 am

How Artificial Intelligence Is Changing Marketing

591 Shares Wondering what artificial intelligence features are coming to social media and advertising platforms? Want to know how machine… Read More

October 19, 2018 9:18 am

6 Lessons In Video Storytelling You Can Learn from Indian Brands by @gregjarboe

At a time when most advertisers in the U.S. are trying to unlock new forms of video storytelling with 6-second… Read More

October 19, 2018 3:48 am

Pinterest Upgrades its Self-Serve Ads Manager With New Features, Reporting, More by @MattGSouthern

Pinterest is rolling out a series of updates to its self-serve advertising tools. The updates include improvements to the campaign… Read More

October 18, 2018 11:39 pm