Start learning with our library of video tutorials taught by experts. Get started

Creative Quick Tips
Illustration by John Hersey

Creative Quick Tips

with Justin Seeley

Video: How to find free icons on the web

- Hey everybody. Welcome back to another installment of Creative Quick Tips. My name is Justin Seeley, and this week I’m gonna be showing you where I go on the web to find free icons that I use throughout various projects. Whether it be web designs, print designs, or just doing something like an app mock-up. Finding free icons on the web can be somewhat challenging, but I’ve three different websites for you that are gonna make it a little bit easier. The first of which is my favorite one. It’s called ‘Iconfinder,’ and you can find it at icons on this site.
Expand all | Collapse all
  1. 5m 30s
    1. How to find free icons on the web NEW
      5m 30s
  2. 1m 45s
    1. Welcome to the series
      48s
    2. How to send feedback
      57s
  3. 12m 52s
    1. How to use Photoshop's new Guide Layouts
      2m 57s
    2. Placing Photoshop files into Muse
      4m 4s
    3. Editing multiple photos using Camera RAW & Bridge
      5m 51s
  4. 11m 30s
    1. How to use Creative Cloud Libraries
      4m 36s
    2. How to find patterns for your web backgrounds
      1m 58s
    3. Using the width tool in Adobe Illustrator
      3m 9s
    4. Using Illustrator to perform calculations
      1m 47s
  5. 18m 22s
    1. How to sync and share files with Adobe Creative Cloud
      3m 36s
    2. Five resources for finding 3D models
      5m 47s
    3. Creating a thumbnail sketch template in Illustrator
      4m 14s
    4. Five text editors for web designers
      4m 45s
  6. 11m 9s
    1. How to correctly flatten your Photoshop files
      1m 44s
    2. How to create your own document presets in Photoshop
      2m 40s
    3. Generating color schemes with ColourCode
      3m 6s
    4. Five lightweight fonts for your next web project
      3m 39s
  7. 14m 49s
    1. How to create line shadows in Illustrator
      5m 30s
    2. Using custom keyboard shortcuts in Photoshop
      3m 31s
    3. Automating your InDesign workflow
      3m 26s
    4. How to quickly generate placeholder text in InDesign
      2m 22s
  8. 16m 10s
    1. Using PNG Hat to export Photoshop assets
      4m 56s
    2. How to setup two-step authentication in WordPress
      3m 50s
    3. Analyzing the speed of your website
      2m 19s
    4. How to create beveled text in Illustrator
      5m 5s
  9. 18m 10s
    1. How to find free stock photos online
      1m 55s
    2. Using the transform command in Illustrator
      4m 14s
    3. Five tools for wireframing & mockups
      7m 36s
    4. How to convert videos into GIFs using Photoshop
      4m 25s
  10. 17m 7s
    1. Fitting content into your InDesign frames
      2m 37s
    2. Setting up your own Autocorrect in InDesign
      2m 33s
    3. Drawing complex shapes in Illustrator
      3m 14s
    4. Using the snapshots feature in Photoshop
      4m 40s
    5. Creating awesome product shots with Placeit
      4m 3s
  11. 6m 31s
    1. Locking artwork in Illustrator
      2m 5s
    2. Five free fonts for your next project
      2m 0s
    3. Improving the SEO of your Muse website
      2m 26s
  12. 9m 41s
    1. Unlocking background layers in Photoshop
      1m 8s
    2. Using opacity shortcuts in Photoshop
      1m 50s
    3. Using Illustrator's Glyphs Panel for icon fonts
      3m 15s
    4. Creating flexible buttons in Illustrator
      3m 28s
  13. 23m 19s
    1. How to use Photoshop and Illustrator to write CSS
      4m 1s
    2. How to create scalable rounded rectangles in Illustrator
      4m 16s
    3. How to use the fill commands in Photoshop
      3m 52s
    4. How to accurately space objects in Illustrator
      2m 5s
    5. Ten WordPress plugins that you should know
      9m 5s
  14. 8m 26s
    1. Exploring the Kuler Panel in Illustrator CC
      1m 50s
    2. How to draw awesome shapes with the tilde key
      2m 12s
    3. How to reset your bounding box in Illustrator
      2m 6s
    4. How to change your artboard color in Illustrator
      2m 18s
  15. 13m 48s
    1. How to round individual corners on Illustrator shapes
      3m 21s
    2. How to use Camera Raw as a Smart Filter
      4m 8s
    3. How to use the Shape Builder Tool to recolor artwork
      3m 34s
    4. How to use "Align to Key Object" in Illustrator
      2m 45s
  16. 8m 50s
    1. How to create your own pixel grids
      4m 25s
    2. How to sample colors from anywhere
      2m 5s
    3. How to create diagonal guides in Illustrator
      2m 20s
  17. 17m 53s
    1. How to create better Facebook cover photos
      4m 31s
    2. How to use keyboard shortcuts in WordPress
      2m 47s
    3. How to add Apple touch icons to your website
      5m 27s
    4. How to use Font Awesome in design applications
      5m 8s
  18. 9m 27s
    1. How to create a better Twitter avatar
      3m 59s
    2. How to embed videos in WordPress without a plugin
      1m 45s
    3. How to embed real tweets into any WordPress post
      2m 15s
    4. Create your own Photoshop shortcut cheat sheet
      1m 28s
  19. 15m 41s
    1. How to effectively rotate objects in Illustrator
      2m 39s
    2. How to create interlocking shapes in Illustrator
      3m 29s
    3. How to speed up Photoshop's performance
      3m 25s
    4. How to use tool shortcuts in Photoshop
      2m 52s
    5. How to use springloaded shortcuts in Photoshop
      3m 16s
  20. 11m 50s
    1. How to create layers from Photoshop Layer Styles
      3m 14s
    2. How to turn Illustrator artwork into Shape Layers
      3m 15s
    3. How to combine vector shapes in Photoshop
      2m 49s
    4. How to use text wrapping in Illustrator
      2m 32s

Watch this entire course now —plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
please wait ...
Watch the Online Video Course Creative Quick Tips
4h 12m Appropriate for all Aug 05, 2013 Updated Jan 26, 2015

Viewers: in countries Watching now:

Join Justin Seeley, lynda.com staff author and design enthusiast, each week for a new 5-minute, self-contained tutorial that you can use to instantly improve your design workflow. This series covers techniques for print, digital, and web design, addressing the tools that creative professionals like you use most. Learn new ways to leverage layer styles and vector shapes in Adobe Photoshop, work more efficiently with text in Illustrator, and embed videos and even tweets in WordPress posts, and much more. Check back each week for a new installment, and a new design hack.

Subjects:
Design Web Design Techniques
Software:
Illustrator InDesign Photoshop
Author:
Justin Seeley

How to find free icons on the web

- Hey everybody. Welcome back to another installment of Creative Quick Tips. My name is Justin Seeley, and this week I’m gonna be showing you where I go on the web to find free icons that I use throughout various projects. Whether it be web designs, print designs, or just doing something like an app mock-up. Finding free icons on the web can be somewhat challenging, but I’ve three different websites for you that are gonna make it a little bit easier. The first of which is my favorite one. It’s called ‘Iconfinder,’ and you can find it at icons on this site.

You can also see down here at the bottom that they have a new Iconfinder Pro where you can go in there and actually pay a flat rate for premium vector icons. What you’re gonna do on this site is you’re just gonna simply type in whatever it is you’re looking for. They give you some examples down here like “arrow, phone, user” etcetera. So let’s say that I’m doing some sort of project where I need a like icon, like a thumbs up. What I’m gonna do is just type in “like,” and you’ll see that it comes up with several suggestions. I’m just gonna click on the word “like,” and once I do that I’ll click the “Search” button over here.

Now, once you get on to the Iconfinder website, you’re gonna notice a bunch of icons appear. Initially you’re probably going to see a lot of the ones that say “Buy now” for x amount of dollars. Over here on the left-hand side though, you can actually filter these out. So if you wanted to, you could say, “Okay, I want only vector format. “I want them to be free. “And I want them to have “a certain kind of license.” So you can actually see what types of licenses they have there. And then you can also adjust the icon size, so maybe you need one that’s 256px. And the background you want to be transparent.

And then as you’re doing this, it is applying those filters in real time over here to the right. So you can see all of these are free, and across the top you can actually see the formats that they come in as well. So there’s “SVG, PNG, ICO” and “ICNS” for this one, whereas this one down here only has “SVG, PNG” and “ICO.” So you find the icon that you like in the format that you need at the size that makes sense for the project you’re working on, and then all you have to do is click on that icon. It takes you to this page right here, and you can simply download the SVG, the PNG, the ICO, or the ICNS file directly from here, and you can also choose specific sizes if you wish.

Downloading is very simple. You just simply click right there. And once that is downloaded it gets on your computer, and this is inside of Preview on the Mac, and you can kinda see that this icon, since it was the PNG version, it’s not scalable, but I could’ve downloaded the SVG and made it easily scalable there. Alright, let’s jump back over into the web browser now. And let’s take a look at the second option for finding icons. This one is called IconArchive, and you can find it at: iconarchive.com This one works much the same way as Iconfinder does; all you have to do here is type in what you’re looking for.

So in this case I’ll just type in something like, let’s say, “wifi,” and then we’ll hit “Search icons.” And so this is gonna run a search, just like on Iconfinder, and you’re gonna see all of the options that you have available to you here. The difference here is these are not paid, so all of these are free. So you can see any one of these that you want, and then you can also see at the top they do have the same format filtering here. I’ve found that IconArchive is great about having some obscure icons that not a lot of other services have, but they don’t have quite as much selection as Iconfinder does.

But they are getting better, and as you can see here they’ve got a pretty big selection already, and it’s just a matter of finding what works for your project. So you may have to go to one, two, or even all three of these sites in order to find exactly what you want. So in this case, when you want to grab one of these icons, you just click on it like this, you take it in. You can download the PNG at 512px, you can download the ICO, and download ICNS. As I said before, these are free, but there is a button down here to donate to the artist. So if you use this in some form of commercial project or something like that, I recommend that you go back and you give ‘em, you know, a couple of bucks or something like that, because these people are creating free assets for you to use and they’re giving you full range to do pretty much whatever you want with it.

You can read all about the license right there where it says, “CC Attribution-No Derivative” right there. You can read all about that. It’s a Creative Commons license. You can see what you can and can’t do with that piece of artwork, but it’s always nice to go back and sort of pay it forward once you’ve used something that they’ve created. Next up is something called flaticon.com You can imagine what this is. It is another icon finding search engine, basically. And so here if I wanted to find something like a download button, I’ll type that in and I’ll hit “Enter,” and that is going to bring me this.

I think this is a great site because it has a really big area for me to search in. It’s not encumbered by any sidebars or anything. However, you do not get the filtering capabilities that you do in the other ones. So that’s sort of a drawback, but this is great for finding, like it says, flat icons. You’re not gonna find a lot of skeuomorphism in here. These are gonna be just monochromatic very simple little icons that are great for wire framing projects and things like that. So no matter which one of these you choose, there’s probably an icon search engine for you. It’s all a matter of finding the right one for the right project.

And while you’re at it, if you’re into icon design you might want to check out my courses at lynda.com, “Creating Icons with Photoshop,” and “Creating Icons with Illustrator,” which walks you through my personal process for actually creating your own custom icon set.

Find answers to the most frequently asked questions about Creative Quick Tips .


Expand all | Collapse all
please wait ...
Q: Why can't I earn a Certificate of Completion for this course?
A: We publish a new tutorial or tutorials for this course on a regular basis. We are unable to offer a Certificate of Completion because it is an ever-evolving course that is not designed to be completed. Check back often for new movies.
 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ .

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Creative Quick Tips.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member ?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferences from the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Learn more, save more. Upgrade today!

Get our Annual Premium Membership at our best savings yet.

Upgrade to our Annual Premium Membership today and get even more value from your lynda.com subscription:

“In a way, I feel like you are rooting for me. Like you are really invested in my experience, and want me to get as much out of these courses as possible this is the best place to start on your journey to learning new material.”— Nadine H.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.