Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design

Nick Pettit
STAFF
Nick Pettit
Treehouse Teacher

Forum Contest: Design an Icon Set

EDIT: This contest has ended! Congratulations to Viacheslav Proshechkin for his winning entry! Our next contest involves creating an analog clock using any combination of HTML, CSS, and JavaScript.

Hi everybody,

It's time for a new Treehouse Forum contest! First, watch this video to learn more:

After you've watched the video, please read the details below carefully. I'm looking forward to your entries!

How to Enter: First, create your icon set however you'd like. You can use an image editing program like Illustrator or Photoshop, you could make them with CSS, or any other method you can think of. For this contest, the methodology is not what's being judged.

Then, place all of your icons together in a single image and upload it to an image hosting service, like Imgur. Any other image hosting service will work just fine, as long as you can link to your image easily.

Finally post the link to your image as an "answer" to this post.

Due Date: All entries must be submitted by May 18th at 11:45pm ET. Here's a timezone chart so you can see what time that is for your locale.

Prize: The entries will be judged by Treehouse teachers based on both consistency, originality, and design. One winner will receive a free month of Treehouse Pro on us! :) We'll announce the winner on May 19th and reveal the next contest.

Kevin Enloe
Kevin Enloe
12,438 Points

Can I post my icon set on Behance and it still count?

Chezki Indursky
Chezki Indursky
3,500 Points

sure. as long as you can link to your image easily.

Anja Guggenheim
Anja Guggenheim
478 Points

Hi, everyone! I'm new to Treehouse and love it so far. Here's my icon set :) I hope I understood the criteria right. Will check out some of your posts now. Happy Sunday..

http://imgur.com/ung2t4s

IMP: OOOPS! I don't know how to start a new thread yet.

42 Answers

Trista Whitehead
Trista Whitehead
5,046 Points

These are beautiful! I love the nautical theme. Did you use the golden ratio on these too?

Joshua Huff
Joshua Huff
1,248 Points

Would it be possible for you to email me at joshuahuff@mail.com? I'm trying to find someone to design some icons for me for a website I'm working on, but I'd prefer keeping information on the down-low from the public for now. :)

Viacheslav Proshechkin
Viacheslav Proshechkin
3,193 Points

@Trista Woods Thank you. No I don't use it.

Here is the single image of my icon set http://fc02.deviantart.net/fs70/f/2012/276/7/b/toona_icon_set_by_sheharzad_arshad-d5gp8mg.jpg Lots more icons for this set at the following link: http://myart.us/toona/

Cherie Burgett
Cherie Burgett
8,711 Points

wow that's a lot of icons! Nice.

John Coffin
John Coffin
10,359 Points

I wish I could draw this well.

Thank you for all your kind remarks.

Those are amazing icons, but it's not really in the spirit of the contest to submit stuff you designed two years ago. Aren't the contests supposed to inspire activity and creativity 'at the time of the contest'?

Sure i have been practicing icon making for two years. The more current ones are on the second link :)

Joshua Huff
Joshua Huff
1,248 Points

Your icon sets are absolutely amazing! 0.0 Would it be possible for me to talk you into emailing me at joshuahuff@mail.com? I've got something going through my head (concerning icon/logo design stuff) and would love it if we could talk. :)

Super cool!

Anja Guggenheim
Anja Guggenheim
478 Points

Cute AND clean! I'd go out with your set ;)

Here is my set of icons. Good luck everyone!

These are really nice and clean. Just what a web developer wants nowdays

Just to help you man you spelt introduction wrong on one of the icons. But they're all really nice though

Nice one

Mia Jaeggli
Mia Jaeggli
1,951 Points

Hi, this is my first challenge and I had a fun time with it. My entry: Retro Funk Icon set.

I took my inspiration from the font Ed Interlock, out of the House Industries foundry.. While working on this project I thought a lot about mental maps and signifiers as I pushed the boundaries of icon design. Thanks for a fun challenge!

Submitting my icon set! I'm really proud of this piece of work that I've produced and I hope you all enjoy! Fingers crossed!

Hey all. Taking the Rails course and thought about a cool Mobile GUI idea for it.

https://i.imgur.com/dwTyU09.jpg

Kevin Enloe
Kevin Enloe
12,438 Points

And here is my icon set! Was an awesome challenge and a lot of fun to make my first official icon set. http://bit.ly/1gfrv3O

Matthew Morrison
Matthew Morrison
15,563 Points

Hey Treehouse community! There are some AWESOME icons going around here. I was inspired to join in and showcase some of my icons. I decided to do medical/health hazard icons. Here they are:

http://imgur.com/N8Bk4RQ

My set:

Green Orb Icons

(Click to view fullsize image.)

Calvin Maighan
Calvin Maighan
12,061 Points

So cool, would be great for an app with that kind of design!

Calvin Maighan
Calvin Maighan
12,061 Points

So cool, would be great for an app with that kind of design!

Trista Whitehead
Trista Whitehead
5,046 Points

These are beautiful! Did you use the golden ratio on these as well?

Thank you both! The Icons were made in Photoshop. Variety of colors and other shapes I have made as well.

@Calvin Maighan Thanks, I could produce on this set and further the variety of possibilities if needed.

@Trista Woods Thank you, and no not entirely.

John Coffin
John Coffin
10,359 Points

Play video, e-mail, phone, information, like?

Cherie Burgett
Cherie Burgett
8,711 Points

Yeah just generic multi-purpose icons. I never considered making my own icons before and now that I've started.. I think I found a new pass-time.

Cherie Burgett
Cherie Burgett
8,711 Points

I like them! Simple and cute. I like the clock the best.

John Coffin
John Coffin
10,359 Points

Nice and consistent theme.

Here are my email icons on flickr https://flic.kr/p/nm73aP

Erik Cruz
Erik Cruz
10,381 Points

Here's my set of Music control button icons... http://imgur.com/F24dSK6

Kirill Titov
Kirill Titov
12,119 Points

There is my icon set inspired by Von Glitschka`s Linear Line Style http://www.izonelab.com/izonelab/Two/icons-set.jpg

Kennard McGill
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Kennard McGill
Full Stack JavaScript Techdegree Graduate 43,179 Points

Here is my icon set. Hope it fits in in with the rest. I call it my desk theme because these are the items usually on my desk minus my sticky notes and notebook and my content stream of coffee cups. http://i.imgur.com/gjV5ulO.png.

Hi there, here is my travelling icon set. http://i.imgur.com/Csnbq9P.png?1

Very nice, very clean. I'd use these. :)

Tim van der Zouwen
Tim van der Zouwen
7,393 Points

Hi all, Here is my iconset that I'm using for the wetalent.nl website. The new version of this site will be launched soon. (including the icons from this set) https://www.dropbox.com/s/mo3pvmx3kn8oycu/teamtreehouse-wetalent-iconset.png

My set was made thinking about the ways an insurance company might set up a page for making claims on a life insurance policy: http://imgur.com/7NHDnJL

Joe Schultz
Joe Schultz
6,191 Points

Very nice! I love the Godzilla one. :D

Chris Smith
Chris Smith
19,737 Points

Hello there, my attempt at an icon set with wood grain effect.

http://imgur.com/AHgrH1Q

Chris Smith
Chris Smith
19,737 Points

Thanks John. A lot of learning curves for me, but I'm happy with the result.

Anja Guggenheim
Anja Guggenheim
478 Points

Hi, everyone! I'm new to Treehouse and love it so far. Here's my icon set :) I hope I understood the criteria right. Will check out some of your posts now. Happy Sunday..

http://imgur.com/ung2t4s

Here is my icon set. They are simple but, this is my first attempt at making icons and I think they came out pretty well. http://imgur.com/ceIscDF

Sean McIntosh
Sean McIntosh
18,966 Points

Hi, here are my icons inspired by the great weather here in the UK :) http://imgur.com/B6eBCwG

Joe Schultz
Joe Schultz
6,191 Points

The Treehouse Library inspired me to come up with these icons. https://flic.kr/p/nCmbyh Good Luck everyone!

Christy Presler
Christy Presler
7,887 Points

Here is my entry: a set of icons with an animal theme. I'm thinking they'd be a great start to an icon based language learning app. https://www.behance.net/gallery/16977989/Treehouse-Icon-Set-Entry

Made specifically for your contest,but managed only three. Icons for the panel to the left of teamtreehouse.com :) http://i.imgur.com/oIm60sH.png And it's not exactly icons :(

Anja Guggenheim
Anja Guggenheim
478 Points

Ayayay... uploaded the wrong image to imgur. Here is my icon set: http://imgur.com/KWMpDjm

Inspired by your beautiful icons...

Nick Pettit
STAFF
Nick Pettit
Treehouse Teacher

Hi everyone,

As always, amazing entries this week! You should all feel good about the work you've done - there are some really great icon sets here. :)

Congratulations to Viacheslav Proshechkin on winning this week! He created two really high quality icon sets. One of them has a sea theme and the other is multipurpose. These icons are great because they all have a unique shape that's easily recognizable at small sizes, but they also include enough detail for larger sizes. The linework is very consistent across the whole set, and they all look like they belong together. We were also impressed by the level of abstraction; some of the images in the sea set are fairly complex in the real world, such as the nautilus, the lighthouse, the crab, or the reef knot, but the icon set manages to communicate these images while still maintaining consistency. Great work!

Here's the link to the next forum contest.

Viacheslav Proshechkin
Viacheslav Proshechkin
3,193 Points

Thank you a lot, I am very pleased to hear it. Your opinion is quite important for me.

I am not a designer, I have just started practicing in this sphere.

Joe Schultz
Joe Schultz
6,191 Points

Congratulations! What did you use to make your icons?

John Coffin
John Coffin
10,359 Points

Nothing. Sorry about that.

PS If you click on "Add comment" then there are two places for me to add comments (see image). On a phone, I typically scroll past the first and type my comments in the "Your answer..." spot instead of the "Your comments..." spot.

A "nice to have" would be to either (a) jump to the comment or (b) disable the answer one.

Good contest idea! I'm in!

I started with the iphone icon but then took it a bit too far. This still count as icons? Or should I wait for some sort of vector contest cough cough? Thanks :)

http://imgur.com/jT5D8MM

John Coffin
John Coffin
10,359 Points

Well ... you need at least 5. ;)

I know, but I ain't sure if I should consider this icons and continue or stop there.

I know, but I ain't sure if I should consider this icons and continue or stop there.

Ashlynn Pai
Ashlynn Pai
11,679 Points

Wow, so many real artists. I can barely get Inkscape to work.

http://imgur.com/R0seJQI

Here is my set. Icons for a mobile app as a remote. Thanks for hosting these! http://imgur.com/lT40WHr

Here is my set:

http://imgur.com/V7OWCfH

John Coffin
John Coffin
10,359 Points

For the purposes of this Forum Contest, how do you define an "Icon Set?"

Cherie Burgett
Cherie Burgett
8,711 Points

I think they mean traditional icons you'd use such as a phone, envelope, arrows, stars, question mark and so on.

John Coffin
John Coffin
10,359 Points

I'm guessing that it is up to the user to decide on and specify use and theme. An icon set to be used for buttons in Android could be different than more generic icons.

Cherie Burgett
Cherie Burgett
8,711 Points

Right, whatever you want to create as icons I'm sure. Interesting contest this week.

Nick Pettit
Nick Pettit
Treehouse Teacher

Yep, all of you are correct. It's pretty free form. Just make around 5-10 icons (or more if you want!) that all look like they go together as a set.

Here's my set http://imgur.com/usBo22U

Hector Calleja
Hector Calleja
5,025 Points

Is there any associated lesson for this icon contest?

Thanks!

H.

John Coffin
John Coffin
10,359 Points

I'm currently watching in the Creating an Icon part of Illustrator Foundations. The jury is still out regarding whether or not this is useful for creating an icon or a lot of time to learn how to use Illustrator.

A good reference for the Android developer at heart would be Iconography.

Airrick Dunfield
Airrick Dunfield
18,921 Points

Although I'm super busy with school and can't always do them, I love forum contests. It's a great way to continue applying what I'm learning. Even got a portfolio piece out of one.

Stasy Meclazcke
seal-mask
.a{fill-rule:evenodd;}techdegree
Stasy Meclazcke
Full Stack JavaScript Techdegree Student 3,051 Points

Hey, I'm making a game for iOS. Can anyone make a store icon (a button for in app purchases)? I'd love to use some cool new icons you guys have made if you want.