Win a copy of IconBox 2.5

IconBox 2.5 for Mac has just been released in the Mac App Store and to celebrate you can win a license worth $14.99. All you have to do is send out a tweet and we will pick 20 winners from the people who have tweeted.

Feb. 11th 2012 | by Martin LeBlanc Eigtved | 0 comments

Tweet to win one of the 20 licenses

IconBox is a great app that integrates with the IconFinder API to make it super-easy to find and change icons for your apps on your Mac. We are giving away the 20 licenses for the full version, but you can still grab the trial version at www.iconboxapp.com. The competition will run for one week and winners will be picked on 18th of February. We’ll post the list of winners here on this blog.

Winners of the licenses

Follow @iconfinder on Twitter and you will get your license in a direct message.

  • @ChrisTaylor_TF
  • @anderscolding
  • @TinCW
  • @betancur
  • @brianbrandt
  • @MartinKoelkjaer
  • @mpiatek
  • @AdamDempsey
  • @andygongea
  • @Follow_Vivek
  • @endreigland
  • @JacobJBaldwin
  • @KreativTheme
  • @oswos
  • @saifi_bhatti
  • @ryantanglao
  • @dirkchristiaans
  • @ivnsrr
  • @complexcasavis
  • @JesperH_dk

Guide to IconBox 2.5 – It’s like iPhoto for your icons…

Main Features:

  • Search through over 160.000 icons with Iconfinder
  • Download & Organize them in neat Boxes
  • Customize those hard to reach icons
  • X-ray: peek inside other Apps to reveal their icons
  • An icon a day keeps the doctor away. A new icon, every day

 

IconBox is one App featuring 4 modes!

Mode 1: Organize – IconBox uses ‘Boxes’ for organizing icons. Drag icons from the finder into a box, create as many boxes as you like. Furthermore Boxes can be arranged in folders and subfolders and you can re-drag Boxes and folders to change their order. You can also use ‘Smart Boxes’, like iTunes Smart Playlists, these folders are constantly updated based on given criteria. The search feature has been revamped to search for different criteria and the speed has been improved a lot. Besides organizing, you can export icons to different formats like ICNS, PNG, TIFF, JPEG, GIF, PDF, even the iContainer format and last but not least as a convenient .zip package, ready to share with others.

Mode 2: Customize – Since version 2, IconBox features full icon customization. You can now customize their system icons, dock icons, application icons, volume icons and even their dock in an easy to use drag-and drop way. This means that one can download the well know ‘iContainers’ from different sites all over the web, having them change the look of your system with the click of a single button!

Mode 3: Tools – IconBox also features a ‘Tools’ mode. The purpose of this mode is to host different icon related tools. The first tool available for now is ‘X-Ray Applications’. X-Ray scans your application folder for the apps within and by clicking an app, it shows all the available icons and images within the application package, letting you have a look at them (Even with Preview.app), export them etc…

Mode 4: Online – The Online mode contains 3 features.

  • Icon-Of-The-Day: A new icon from a particular icon designer every day, downloadable directly into IconBox, straight into the ‘Downloaded’ Box, ready to share or customize.
  • Icon Sites: A convenient list of major icon sites on the web, more sites will be added on the go. Double-Clicking a site opens it up in your default web browser.
  • IconFinder: It uses the iconfinder.com API which let’s you search trough over 160.000 icons and allows you to instantly download them into IconBox by drag ‘n drop, conveniently creating all Icon Sizes as needed.

Book review: The Icon Handbook

Jon Hicks, a veteran in icon design and best known for the Mailchimp and Firefox logo, has finally released his book about icons: The icon handbook.

Jan. 12th 2012 | by Martin LeBlanc Eigtved | 0 comments

There are only a few books written about icons – two of these were released recently: Susan Kare’s Icons book (2011) which is mostly inspirational and Rockstar Icon Designer (2011) which is for the dedicated icon designer who wants to improve her skills.

Gorgeous design

Jon Hicks’ The Icon Handbook is somewhere in the middle where he combines large images of the best icons made, interviews with top icon designers and useful practical information as well as short tutorials. He never goes into much detail and most topics are covered by no more than a 2-3 pages. His passion for great design really shines through; the book itself looks gorgeous with great fonts, many full colored pages, and with a nice square format it’s pretty enough to be a nice coffee table book. Several pages contain only a single icon blown up to largest scale possible where you can enjoy all the little details.

Who’s it for?

If you’re an inexperienced icon designer, this book will help you get started and at the same time serve as inspiration. For a very experienced icon designer you probably won’t learn much new, but will enjoy seeing the many of the best icons printed in full scale or reading the interviews with the industry’s best designers such as Susan Kare, Drew Wilson, Wolfgang Bartelme and Jono Hunt (Iconaholic) among others.

Here’s a review of the 7 chapters of the book:

Chapters

1. A Potted History of Icons – An introduction to icons and how humans started using symbolic language on cave walls and later in Chinese writing and hieroglyphics. In the 20th century we see how the modern use of symbols get standardized with Otto and Marie Neurath’s Isotope collection. No history of icons would be complete without mentioning the Xerox UI and Susan Kare’s work for Apple in the early 1980’s. Jon includes a short but interesting interview of Susan Kare. Since Jon Hicks himself is an important figure in icon design it seems appropriate that he tells a bit about his own background and how he started working with simple 8-bit graphics on his first computer.

2. How we use icons – The second chapter goes into more details by showing interesting cases such as the challenges McDonalds had with creating icons that were understood worldwide, to the Jon Hicks’ own challenges of creating the new emoticons for Skype. The chapter also gives some good guidelines on how to determine when you should use icons in interfaces and when not to use them. All cases are spiced up with quotes or short interviews with the people behind the icon design.

3. Favicons – This is the first chapter that encourages you to get your hand dirty and create your own icons. You’ll get a good overview of when favicons are used e.g. in top of browsers, Google TV bookmarks, iPads home screen etc. and what sizes the different use cases requires. Jon Hicks never shows how to draw the icons in details that you can expect from a classic tutorial – the chapter will be more inspirational than educational. It shows some great examples of what makes a good favicon.

You can find an extract of chapter 3 over at .NET magazine.

4. The Metaphor – Probably the most important (and sometimes hardest) thing in icon design is finding a suitable metaphor. So having a full chapter about choosing the right metaphor is really valuable for any designer working with icons. What many tutorials online miss is often the process that surrounds the process before actually designing the icons. This chapter takes you through the whole process from tips on how to get the right information in the design brief, how to find appropriate metaphors, sketching, the difference of ideograms and pictograms and choosing the right colors. Again, to spice it all up the chapter includes an interesting interview with Stephen Horlander, who is responsible for designing the well-known orange RSS icon.

5. Drawing Icons – The chapter consists of guidelines for tools, tips about sizing, how to achieve balance and consistency, recommendations about the level of details, colors etc. It never goes into too many details but gives you a good idea of what to be aware of when drawing icons. Between the guidelines you’ll find two tutorials; one for drawing a book with vector shapes and one for a 32px done the pixel style. Both tutorials are for Illustrator, but you could complete them with Photoshop.

6. Icon formats and deployment – Definently the most technical chapter, but also the one with the most “depth”. Most designers will probably learn a bunch of new stuff about formats that will be helpful in the years to come – both for icon design but also design for apps and web in general. You’ll learn about the pros and cons (quality, scalability, file size) of all the possible ways to get icons on a screen: Tiff, SVG, Canvas element, pure CSS, icons as fonts etc. Jon also shows a nice example of how to show different icons at different screen resolutions with HTML and CSS that you can copy/paste.

7. Application Icons – In much contrast to chapter 6, this chapter is much more about inspiration. Most pages are filled with the most beautiful app icons out there and show in the largest size possible letting you drool over the amount of details put into them. This chapter revisits topics from the previous chapters such as choosing metaphors, perspective and process. There are four real nice interviews here with David Lanham, Gedeon Maheux from The Iconfactory.

You can buy Jon’s book at http://www.fivesimplesteps.com/products/the-icon-handbook or read more athttp://iconhandbook.co.uk/

We recently interviewed Jon Hicks. Read Iconfinder’s interview with Jon Hicks

Create a gingerbread man icon

 

Hi, My name is Giorgio Cantù and I’m an italian digital artist from Stockholm, Sweden. Today I will show you how I did this gingerbread man icon. My way is not THE WAY, and I’m sure there is different ways to active the same result. This technique is quite handy for me because it gives me the confidence to go back and change some details, colors or steps if me or the client are not satisfied.

Dec. 18th 2011 | by Giorgio Cantù | 0 commentsI started in making a photoshop document 1024 x 768 pixel at 300 dpi in RGB ( sRGB IEC61966-2.1).

After I unlocked the background I double clicked on it and went into the layers effects > gradient overlay and entered the following color values and gradient values:

Now we have a background. You can pick any sort of color you like. I decided to go for a light background but gradient red or green works as well.

I sketched my gingerbread man on paper.

I then scanned it and drew it in adobe Illustrator with the pen tool. I think the vector tools are more fast and versatile in Illustrator than in Photoshop so i decide to draw it there (but its possible to do it in Photoshop too).

In order to make it symmetric I drew just one side and mirrored it.

After that i connect it with apple+J (join) selecting the two points on top and the two in the bottom. Now We have the vector basic shape of the cookie. Copy it and i paste it in photoshop as shape layer.

When i was happy with the shape i copied the object and imported in as shape in the photoshop document, giving to it the following color value: #9c673f. After I’ve been doing that, i go in the layer effects to add the following effects: inner glow, bevel and emboss, gradient overlay. I name the layer ‘Man Top’. 

Next I duplicate the shape layer (without the effects) and I place it under naming it ‘Man Under’ giving the shape the following color: #4c1b07. I move down the shape some pixels (you can choose him much you want) this will determine the thickness of the cookie. After that I will apply a drop shadow on the layer effect with the following values.

Now i will create a layer folder called ‘Man Top Effects’. In this folder you will have the cookie effect. Keep ‘cmd’ pressed and click on the shape. With this selection go to the layer folder and create a mask. I will start in making a 50% gray layer and applying to it a Filter > Noise > Add Noise. You can choose the type of grain. After that you will apply a Gaussian blur to it (not so much) and you will have to change the layer mode from normal to overlay 100%.

The next layer is the realistic cake/cookie texture. I picked one from CGTextures and placed it according to my taste.

After that you will correct the image with levels, and convert the layer mode from normal to overlay 64%.

Take this folder, duplicate it, and place it over the ‘Man Under’ shape layer, creating the proper mask for this shape. Now the cookie is done and It should look like this. The texture is applied both on the top and under part.now we need to go to draw the decorations.

With the path tool we draw the shapes we want and we stroke them with a white brush.

We go to the layer effect and we will apply the following layer effects:

We draw the rest of the details (eyes and buttons) with the Ellipse tool and we drag on these shapes the same layer effects.

We create a new layer folder that contains the whole illustration (except for the background): we call it gingerbread man. We make a copy of this folder and we flatten it putting it on top. I’m still working on CS3 (I’m lazy but I promised myself I will buy CS6 at Day One) , so I go to Filter > Other … > High Pass and apply an high pass of 2,7 pixels. Click OK and convert the layer mode from normal to Overlay. The high pass layer gives a more crisp and shape level of detail to the image. We can change the Opacity (i put it at 58%).

Now we need a warm fresh backlight in other to give more light and feeling to the illustration icon. We make a selection of the gingerbread man without the drop shadow (I duplicated the gingerbread folder, disabled the drop shadow in the Man Under shape and flattened the folder) Select with CMD+ click and fill with white. (you can throw away the flattened folder layer).

I place this white shape layer on top of the high pass layer and i call it BackLight reducing the fill of the layer to 0%. Then i double click on it to edit the layer effects like this. The color of the backlight is the following: e81591 in linear dodge 89%. The shadow is at 0%.

Click OK. It should look like this.

Now, if we want we can double click on the background layer and ,with the move tool selected, we can move the gradient overlay to the top to simulate a light source coming from above.

As I said, there is different way to work and do this kind of images but this is mine. I hope you enjoyed it!

About the author, Giorgio Cantù

I’m a 35 years old digital artist and logo designer.
During the past 10 years I developed a quite wide range of styles (cartoony, realistic, graphic) that allows me to work in different medias and making my job really challenging and fun.
I work for the video games industry (I’m the artist behind the artworks of SEGA game Renegade OPS on PS3 and Xbox, released in september 2011), in package and logo design, icon design and advertising illustration. My clients are McDonald’s, Disney, Danone, Yoplait, Ikea, SEGA and more. I’m italian but since 2002 I live in Stockholm, Sweden.

Site: http://www.giorgiocantu.com

Twitter: https://twitter.com/#!/CantuCreative

Dribbble: http://dribbble.com/CantuDesignWorks

Flickr: http://www.flickr.com/photos/giokant/

LinkedIn: http://se.linkedin.com/in/giorgiocantu

Easter icons by VisualPharm

Easter is here so we decided to get some special icons made for the users of Iconfinder. Visual Pharm has made 5 brilliant icons that you can use on your blog, your desktop or your presentation.

Apr. 19th 2011 | by Martin LeBlanc | 0 comments

Visual Pharm has created a nice little Easter Icon Set for the users of Iconfinder. The icons are free for personal use and also free for commercial use, but require linking to Visual Pharm’s web site. If you don’t want to place a link, purchase them for $49-199 per set.

Download the full set at Visual Pharm’s website.

If these icons isn’t enough you can find more easter icons by searching Iconfinder.

Interview with Firefox logo designer Jon Hicks

Jon Hicks is one half of Hicksdesign and has been working as a lead designer with Opera software. He is known as the logo designer of Firefox, Thunderbird, Silverback and Mailchimp. Needless to say, he is one of the most talented and hardworking designers focusing on both icons and logos.

Mar. 18th 2011 | by Martin LeBlanc | 0 commentsCan you give us an introduction to yourself?

I’m married to Leigh, the other half Hicksdesign, and have a daughter (9) a son (almost 8) a puppy (8 months) and 2 guinea pigs (2). I live and work in Witney, a small town west of Oxford in the UK, which I moved to 10 years ago. We really like it here, it’s on the edge of a very beautiful part of England called The Cotswolds.

My big passion is for music, but I recently took up cycling and I love it. There’s a lot of geekery with bikes and bike components that appeals to me as much as the joy of riding in the country. I’m also partial to a spot of gardening and making custom Lego minifigures. My kids and I are building a Lego Harry Potter chess board based on the last battle scene in The Deathly Hallows.

You have an education from art college and have been doing wildlife illustrations. How did you end up designing an icon for an open source web browser?

Wildlife Illustration was a hard market to get into in the UK, and I needed money to live on, so I took a job as a Junior Designer instead. I learnt design on the job (I’d been taught Mac skills at college at least), and after a few jobs went freelance in 2002.

Freelancing gave me the opportunity to learn web design, but I also started making my own icons. I created an icon for Camino, which was based on the famous Hokusai painting ‘the wave’. Steven Garrity, who was charged with putting together a team of volunteers to look at the icon for Firefox and Mozilla branding in general, saw the icon and asked me onboard. The final icon was very much a team effort, with Stephen DesRoches and Daniel Burka in particular. A few years later, it was remade by The Iconfactory to support the new, larger, icon sizes in Vista and OS X.

Firefox has more than 140 million daily users. How does it feel to know that your work is seen by millions of people everyday?

It’s weird but these days I see it so much that I’m not aware of it. It was also over 7 years ago, and I’ve done so many projects since then, I forget that I had a hand in it. It also no longer feels like ‘mine’ as others have since updated it.

Last year you left Opera to try something different for a while. What have you been working on?

I’ve been working with Shopify (logo refresh), Jolicloud (iconography), Simplenote (logo, web app and mobile app design) and Skype (that big project will soon become live).

I’ve also designed a Word Press theme for The Theme Foundry called Shelf, which became one of the first premium themes on WordPress.com. I’m also working with Opera again on UI work!

You have recently announced an icon design handbook, which I am very excited about. Can you tell us more about this new book? Why did you decide to write it and who is it for?

First of all, I decided to write this about 5 years ago, because there weren’t any books around on the subject, and there still isn’t today. It’s unusual in the tech publishing industry to have a subject that hasn’t been covered once, let alone multiple times!

Also , the conditions are right now for me to make this book. The right publisher is here (Five Simple Steps) who care about the finished product, and the right editorial team. The subject has also grown a lot in 5 years, since iOS and Android have come onto the scene. There is a greater need for icons these days.

The book will take you through a workflow of how to create icons – be they favicons, app icons or UI elements. It won’t focus on how to create them in one particular application, but rather show the thought process and technical considerations. I’m hoping to feature as many as of todays icon artists as possible – I won’t just be a book of my work. It’ll be manual, reference guide and Coffee table book in one. Something you would read to inspire as well as inform.

My favourite book when I was young was ‘The Detectives Handbook’ , and I think it’s title left a big impression on me!

There are not many design books that cover icons at all, so a whole book about it is just fantastic. Can you give us an example of a chapter from the book?

It’s still early days, as only yesterday I was revising the book structure again to show different workflows better, but one chapter is looking definite – “Icons along the user journey”.

App stores seems to be popping up everywhere and app icons seems to be an important part of the branding and possibly the success of an app. What do you think are the most important things to consider when designing an app icon?

You always need to design in context, so in the case of app icons, that means working on it with other icons next to it – a screenshot of an iPhone home screen and App Store to make sure it stands out amongst the sea of generic blue icons, and also works on a dark and light background.

How is doing an app icon different from working with a normal ui icons?

App icons are more akin to logos – and logos are meant to be unique. They don’t need to communicate a particular action (Home, Reload, Back etc.) but provide a memorable and recognisable mark for the app. It can suggest what it does, but can be as simple as a logo mark or glyph. Icons within an interface serve a different purpose however – they work best when they’re not unique, rather following existing conventions to ensure understanding.

You have made some amazing illustrations. What is the process for doing these illustrations? What inspires you and how long does is take to finish an illustration?

Wildlife illustrations would take around a month, but more recent ones like Mailchimp would be a matter of a couple of days overall, with all the iterations.

I use Google Image Search and Flickr a heck of a lot when researching and getting ideas. A process that would’ve taken days back when I was doing wildlife illustration, now takes a matter of minutes.

HTML5, CSS3 and support for formats such as SVG gives designers like you more freedom for creating great designs. Which new technologies can get you really excited as a designer?

I’m very excited and hopeful for SVG still. It has the advantage of being supported by professional drawing tools such as Illustrator, and when you see what you can do in a browser that does support it (Opera has the best SVG support). For example, it will get around the problem of bitmaps on logos an icons on different resolutions with one small file. Resolution Independence is going to be vital in the coming years.

CSS3 is also very exciting from a web design perspective, as a graphics editor is needed less and less. A lot can be achieved with CSS now, in a browser that supports it at least!

Ok, last question – You have been talking at FOWD before – will you be speaking at conferences this year?

I’m taking a year off from speaking and attending this year, to make sure I get the book written, even though I’ve had more speaking invitations than any previous year! I timed that wrong didn’t I?

I’m sure the book will make you an even more popular speaker at conferences. Thank you for your time!

You can find out more about Jon Hicks on http://hicksdesign.co.uk. You should of course also follow him on Twitter: http://twitter.com/#!/hicksdesign

6 advanced icon design techniques + freebi

Making an icon is a delicate process that not everyone is able to complete, there’s a series of techniques that need to be mastered before becoming an icon expert.

Dec. 19th 2010 | by Martin LeBlanc | 0 comments

Iconshock has made a great freebie and will take you through the process of designing these great Christmas icons. These guys are behind one of the largest collections of icons and I’m sure you can find icons for your next project over at IconShock.com. They have also launched a useful site for WordPress themes atWordPressThemeShock.com. Also, you should follow them on twitter @iconchock.

Download sources (AI) | Download images (PNG) | Browse through them all on Iconfinder

Grab a cup of tea, open Illustrator or Photoshop and try to follow Iconshock’s techniques:

1. Realistic gradients

Every gradient that was utilized on the making of these icons was specially created to give realism and a nice look to every object that compounds every single icon. Using gradients does not mean using simple black and white gradients, there’s actually a conscious color theory behind that’s being utilized to generate lovely tonal harmonies and realistic lighting effects.

When you begin using gradients, it’s important to understand the main parameters that need to be adjusted during their making. On the type bar you can define the style of the gradient, which oscillates between linear (unidirectional gradient) and radial (concentrically executed gradient); the other parameters that you can define are the angle and aspect radio, which can affect the direction and size of the gradient. Finally you are able to set the opacity for each color marker (they can be as many as they fit on the gradient bar) to create nice transparences and textures.

2. High quality details

Although the primary application for icon sets is the web and digital devices, the design team have spent a lot of time working in every single detail, even in those that cannot be appreciated at simple view. The quality of an icon can be determined among others with the look displayed when zooming in, and these beautiful elements have definitely passed the test.

A good way to determine the details inside a real life icon is to take a look to actual objects or photographs and then conceptualize them in vectors and bitmaps. Another interesting practice is to scan or photograph the objects and then draw over them, this will guarantee the realism and proportion of the objects in all the cases. Remember that if you work with a 72 dpi resolution, there will be problems when zooming beyond 100 %, so we suggest you to use higher resolutions or even better, higher canvas sizes.

3. Embedded bitmap files

Sometimes it’s hard to generate things like shadows and highlights using exclusively vector programs such as Illustrator, and in those cases is when it’s important to know how to create them with pixel programs such as Photoshop. With the curse of the years, the integration between the different Adobe applications has become impressive and thanks to that, you can easily insert bitmap files on Illustrator and embed them so they can travel along with the whole icon file.

To embed a bitmap file into Illustrator, you can follow many different ways and they all work kind of well. The basic tactic is to copy paste the object but that usually damages the artwork; the most effective way is to properly export the artwork into a PNG or TIFF file, which ensures a minimal lost of information once it gets imported inside the vectorial space, make sure that you embed the file before sending it to your buddies because if you don’t do it, your friend’s Illustrator will ask for the specific bitmap file in order to display it.

4. Compound paths

On previous versions of Illustrator, the high detailed icons used to have tons of layers and folders, because there was no way of join them, but know there’s a way to join them using tools like the pathfinder and the compound paths. Regarding compound paths, this technique allows to the designer connect several objects into a single group and customize it as if they were a single element, which means that you can play with the appearance with a lot of ease. Not only saves time but also leaves your Illustrator files with a way more professional and organized aspect.

Compound paths are very simple to make, first you need to generate the vector objects that will become part of the group and that you’re thinking about a similar appearance for all of them. Once you have the elements ready, select them and right click, then choose Make Compound Path and the magic will be done, don’t worry if you regret later because you can always right click on the group and select Release Compound Path.

5. Blending modes

This tool is often forgotten by designers and it’s tremendously helpful, because it’s like if you had the power of light in your hands. You can change between color burn, multiply, screen and many more instances that make your objects switch its appearance dramatically; a good example is the creation of highlights, which on this case were created with a black and white gradient but thanks to the blending mode adjustment, it ended with this great appearance.

You can combine blending modes in many ways, for example placing an object with a normal appearance and then a duplicate with color burn and a little higher size, that will give some sort of halo to the original object. There’s also the option of combining blending modes and opacities to create richer textures and graphics; you can do all of this from the Appearance window, which can be activated from the Window menu.

6. Smooth shading

Mixing crispy elements with more diffused textures and appearances gives a lot of richness to the icons; on this case, the main elements of the cookie icon were created with a pixel perfect appearance, but the part of the shades and highlights was created using bitmap images that display a blurred appearance, which helps the icon to obtain a smoother appearance.

We recommend you Photoshop for the creation of shaded objects, we can’t deny the fact that you can make an object on Illustrator and then give it a blur filter, but Illustrator was not planned for that and its blur filter does not work as well as Photoshop’s does, so bottom line, you can either place your bitmap files on Illustrator or do something a little more advanced, which is taking the whole Illustrator file to Photoshop and with a pen tablet and some drawing skills start making the shades and highlights using customized brushes and more.

It’s not imperative to use this method, because you can easily generate smooth shades and highlights by just playing with gradients and textures, the important thing is to understand the concept.

We hope you enjoy this fantastic icon set specially designed for this Christmas season, please leave us your comments and share you love with us by spreading the word.

Exclusive release: IconEden’s free icons

Good news everyone! IconEden and IconFinder have teamed up and all of IconEden’s free icons, will be available and searchable here on Iconfinder.com.

Nov. 17th 2010 | by Martin LeBlanc | 0 commentsIconEden is a reliable source of high quality icons. They sell their premium icons in icon sets at prices ranging from $19 to $199. You can also get membership in their Icon club, currently at a special offer at $99, which will give you access to more than 2,000 fantastic icons. They also offer custom designed icons for your upcoming project.

But back to the free icons: IconEden have made several icon sets, which you can download from their website, but have agreed to make them available on Iconfinder.com too.

License

The icons are free for commercial work, but you are not allowed to redistribute them. Please read the full license before using the icons.

IconEden has given Iconfinder.com an exclusive license to allow redistribution of the icons on this site.

The free icons include

Bright

This is the first free-of-charge set of 148 hand-crafted icons we joyfully present. The BRIGHT! set is ideally for both web and print work, available in EPS format from IconEden.com.

FRESH Add-on

To continue our grateful attitude to our customers and community in general, we release this set free of charge. In the set are totally fresh appealing icons that surely will make your web applications and softwares more attractive and adorable.

Glossy

The Glossy Buttons is a set of 33 simple, crisp and well-designed icons. The combination of fresh color scheme and sharp shapes make the icons prominent and easy to use.

iCandies

Inspired by the iPhone app icons, the iCandies pack is designed to perfectly suit your social media projects. All the icons in this pack – 60 icons in total – are designed in Round Rectangle shape and delivered in sizes of 64×64, 48×48, and 32×32 pixels.

Milky

Milky is another giveaway of vector iconset from IconEden.com to community. It is a collection of more than 131 icons in green color. The Milky set is designed 48×48 and 64×64 PNG image files.

Shine

Shine is a set of 31 shiny realistic icons. The combination of prominent 3d shapes and fresh color scheme make Shine really stand out from the crowd. With 31 icons in 5 different sizes, Shine is extremely versatile.

Smashing Christmas

The set boasts 39 beautiful, well-crafted icons with a warm and welcoming color scheme. Button style, realistic style, simple shape style, you name it, Smashing Christmas has it.

iValentine

iValentine is a set of 14 beautiful iconset with a warm and happy color scheme.

Yummy

Yummy is a set of delicious, tasty and beautiful free iconset. Yummy contains 20 icons available in various sizes, from 48px square to 128px square.

Birdies

We love Twitter and we designed this cute little iconset for Twitterer community. Birdies is the set of 12 pixel icons.