From our sponsor: Chromatic - Visual testing for Storybook, Playwright & Cypress. Catch UI bugs before your users do.
Today we are very happy to release a set of 150 office icons optimized for four sizes with different levels of detail (600 icons in total). This lovely responsive icon set was created by Icons8 exclusively for our Codrops readers. The icons come in various useful formats including SVG, EPS, PDF and optimized PNGs in different ready-to-use sizes.
About the Icon Set
The Office icons come in some decent colors and are suitable for many different themes and topics. They include various popular and useful pictograms and were designed carefully with different size variations in mind.
As you can see, the icons are build upon and designed with
- 16, 30, 40, and 80px grid
- fine pastel colors
- delicate 1px borders
Responsive Icons
Icons8 designers have drawn each icon in four levels of detail. Drawn in four grid sizes, these icons fit any screen:
- 16x16px and 30x30px for standard displays
- 40x40px and 80x80px for retina
The Collection
Icons8 presents 150 icons in 4 variations which is 600 icons in total. To preview them all is a bit difficult but here’s a try:
Check out the largest grid size:
There is no particular pattern for how this collection is arranged. Icons8 designers started drawing these icons recently and created some 300 icons by picking the most popular requests for icon designs. The set includes quite varied icon concepts like, for example, binoculars, winter, cake, and the Dribbble logo. So, if you’ve always wanted to create an app where a frozen Dribbble designer is searching for a cake with his binoculars — these icons could be a great starting point for your design 🙂 Icons8 is adding about 800 new icons per month, so within a few months, you might be able to design more complex interfaces 😉
Download the icons for free:
- Use this special link exclusively for Codrops readers to generate any size and format directly on Icons8
- Or download the ZIP file: Download the Office Icon Set (ZIP file 10.8 MB)
Use them freely but please don’t republish or redistribute them.
We hope you enjoy this freebie and find it useful!
If you’d like to contribute and publish your freebie on Codrops just drop us a line.
Great collection. Thanks for sharing.
You’re so welcome! :))
Can i use the icons for commercial products?
Yep! Linking to Icons8 is not required but would be highly appreciated 🙂
It’s Beautiful ,Thanks. ??
Beautiful artworks! Thanks for sharing
Hi,
I am learning front end development and have just started. Can these be used with img tags?
Yes 🙂
<img src="your-svg-image.svg" alt="nothing here :(" /> <!--formatted-->
They are beautiful! Thank you for sharing 🙂
Amazing, just what I’m looking for.
Thank you i love it