Menu Search
Jump to the content X X
Smashing Conf Barcelona

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

50 Colorful Flat Summer Icons [Freebie]

For those of you who are impatiently waiting for summer to finally arrive, we’re pleased to feature an icon set that will help make the wait worthwhile. Today’s icon set includes 50 icons that have been designed by Elena Genova1 exclusively for Smashing Magazine and its readers. [Links checked February/02/2017]

50 Colorful Flat Summer Icons2
A quick preview of the “Summer” and “Essentials” icon set.

If you’ve been looking for a way to welcome summer and freshen up your designs with even more colors, then this freebie will not disappoint you.

Insights From The Designer: Link

“I’ve always worked with ‘quality, not quantity’ approach to design. Ever since I created my first icon set back in 2007, the detail and the balance of an icon have been the two ‘ingredients’ I’ve always paid close attention to. It took me almost 2 years to finally bring to life the concept of the Vintage Flat Icons bundle that I’d come up with, but I feel like it was worth every second.

When creating icons, the biggest challenge, I find, is not only to come up with accessible metaphors, but also to create a color scheme that will emphasize and unravel the idea behind the set. The Vintage Flat Icons, as suggested by the name, were created with two of the most popular design trends of today – ‘flat’ and ‘vintage’ – which are reflected in the shapes, as well as the colors of this set. And, by the way, these icons are designed to look good on both light and dark backgrounds, to add diversity to your work and the icons themselves.”
— Elena Genova

(Large preview4)

free summer icon set5
(Large preview6)

summer set icons7
(Large preview8)

(Large preview10)

Download The Icon Set For Free! Link

You may modify the size, color or shape of the icons, and use the icons in your commercial as well as your personal projects. No attribution is required, however, reselling of bundles or individual pictograms is not allowed.

Thank you, dear Elena Genova for these brilliant colorful icons! We sincerely appreciate your time and effort!

Further Reading on SmashingMag: Link


Footnotes Link

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16

↑ Back to top Tweet itShare on Facebook

The Smashing team loves high-quality content and cares about the little details. Through our online articles, Smashing Books, eBooks as well as Smashing Conferences, we are committed to stimulating creativity and strengthening the web design community’s creative forces.

  1. 1

    Looking good. The worst thing about icon sets is, that if you want to use them in a web project and you want consistency, then there will always be one needed icon that’s not available in that icon set so you have to move on. I can’t imagine a project where this particular icon set covers all needed icons.

    • 2

      True! But why not fire up your image editor tool of choice and add the ones your missing in the style of the icon set? Thanks for this set, I like it!

    • 3

      Elena Genova

      May 27, 2014 1:45 pm

      @Summit, there are 200+ icons in the full icons bundle – I’m sure you can find all the icons you need. If not, you are welcome to suggest icons that need to be added and I’ll consider adding them to the bundle. Feel free to contact me via Contact Me form on my website or via Creative Market

    • 4

      The worst thing about free icons is … people complaining about free icons. It is free.

      Look at it this way: perhaps the designer wants to get noticed by giving free icons, on which he probably spent a lot of hours – if you want to use it, and you are missing an icon, then why not contact said designer and commission him (pay him) to design the missing icon.

  2. 7

    Bob Cochran

    May 28, 2014 1:05 am

    Elena, thank you very much for the icon sets. I will try to put them to use.

  3. 9

    Terry Tsang

    May 28, 2014 4:17 am

    cool, love these icons, thanks for sharing :)

  4. 10

    Hakkı Ceylan

    May 28, 2014 7:53 am

    Thanks Elena, you’re right “quality, not quantity”

  5. 11


  6. 12

    24 days until the summer solstice. Thanks for sharing these great icons, Elena!

  7. 13

    A friend and I wrote a small tool with which you can create a png in from any Font Awesome Icon. They have ca 350 icons. You can define color and size of the icons individually. Check

  8. 15

    Round Icons

    June 1, 2014 4:01 pm

    Great work! love the style ;)

  9. 16

    Tanks forever for you

  10. 17

    Nice stuff guys, I will make it to my some back-end panel on my development sites at Thanks for this freebie!


↑ Back to top