Icons - 1stWebDesigner https://1stwebdesigner.com/tag/icons/ Helping You Build a Better Web Mon, 17 Aug 2020 15:47:16 +0000 en-US hourly 1 https://1stwebdesigner.com/wp-content/uploads/2020/01/1stwebdesigner-logo-2020-125x125.png Icons - 1stWebDesigner https://1stwebdesigner.com/tag/icons/ 32 32 20+ Free Minimal Icon Sets https://1stwebdesigner.com/20-free-minimal-icon-sets/ Mon, 17 Aug 2020 15:47:16 +0000 https://1stwebdesigner.com/?p=155401 Looking for some free minimal icon sets? Look no further – you’ve come to the right place! We’ve compiled over 20 of the best free minimal style icon sets out there right now. Each of the icon sets in our …

]]>
Looking for some free minimal icon sets? Look no further – you’ve come to the right place! We’ve compiled over 20 of the best free minimal style icon sets out there right now. Each of the icon sets in our list can be used without attribution or limitation in your personal and commercial projects. So bookmark this post and go download any that catch your eye.

UNLIMITED DOWNLOADS: 1,500,000+ Icons & Design Assets


1800 Free Minimal Icon Pack

Free Minimal Icon Sets - 1800

Iconly | Essential icons

Free Minimal Icon Sets - Iconly

50 Food and Beverage Icons

Free Minimal Icon Sets - Food & Beverage

81 Mini Essential Icons

Free Minimal Icon Sets - Mini Essential

Icons Library for Figma users

Free Minimal Icon Sets - For Figma Users

126 24×24 Icons

Free Minimal Icon Sets - 126

OMG Icons Set

Free Minimal Icon Sets - OMG

40 Ecommerce Icons

Free Minimal Icon Sets - Ecommerce

Free Outline Icons

Free Minimal Icon Sets - Outline icons

132 Line Icons

Free Minimal Icon Sets - 132 Line Icons

70 Free All Purpose Line Icons

Free Minimal Icon Sets - 70 Free All Purpose Line Icons

40 Free Line Icons

Free Minimal Icon Sets - 40 Free Line Icons

Super Basic Icons ✶ 128 Free Icons

Super Basic Icons ✶ 128 Free Icons

75+ Free Baseline Icons

75+ Free Baseline Icons

E-commerce & Navigation Vector Icons Set

E-commerce & Navigation Vector Icons Set

Iconset Freebie!

Iconset Freebie!

Daily UI Challenge #055 – Icon Set

Daily UI Challenge #055 - Icon Set

Neu Icons

Neu Icons

Airport – Downloadable Set of Icons

Airport - Downloadable Set of Icons

Feather – 200+ Free Icons

Feather - 200+ Free Icons

Neon Icons Freebie

Neon Icons Freebie

Go Get Your Free Minimal Icon Sets Today!

As you can see, with all of the options we’ve provided you’re sure to find at least one set of icons that will fit right into your next or current project. Many of these sets are from Dribbble, so you know they are uniquely designed by some talented creatives out there. This also means you probably won’t see them being used in a lot of other websites and projects, giving your own project a bit of a unique feel. We hope this compilation will save you some time in your search for free minimal icon sets.

]]>
Free COVID-19 Icon Set https://1stwebdesigner.com/free-covid-19-icon-set/ Mon, 10 Aug 2020 15:00:13 +0000 https://1stwebdesigner.com/?p=155341 We have another freebie for you! This timely offering features a free icon set with 20 COVID-19 themed icons. The download includes editable files in Adobe Illustrator and Affinity Designer formats, so you can customize the icons however you would …

]]>
We have another freebie for you! This timely offering features a free icon set with 20 COVID-19 themed icons. The download includes editable files in Adobe Illustrator and Affinity Designer formats, so you can customize the icons however you would like. Also included are PNG and SVG versions.

This free icon set comes to you as an exclusive offering from Design.dev, a new website that offers free and premium design resources such as vector illustrations, UI Kits, website templates, icons, social media graphics, and more. Every resource they offer is CC0 licensed so you can use them freely in your commercial and personal projects without attribution or any other concerns. You should definitely head over to their website and check out all they have to offer. Membership is free, but they also have a “Premium” option that gives you access to even more high-quality resources, which they are offering for a limited-time, early adopters price of only $10 per month. Everything on the website is exclusive, so you won’t find the resources on any other marketplace.

The Freelance Designer Toolbox

Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets
All starting at only $16.50 per month


 

Let’s check out these icons! Here’s the complete set:

Free icon set - COVID-19

 

And here are some individual icon details:

 

Free Icon Set - Mask

The number one new fashion statement since this all began – the mask!

 

Free icon set - Gloves

 

Free icon set - molecules

 

 

Red Cross

 

Wash your hands

In case you need a reminder to wash your hands – or you need to remind others to do it!

 

Free icon set - Lungs

 

Toilet paper

 

We particularly like the inclusion of the toilet paper roll, since it became such a treasure in limited supply due to the pandemic!

Download This Free Icon Set With 20 COVID-19 Icons Today!

So as you can see, these are beautifully and meticulously created icons, and can bring a unique look and style to any projects you may want to use them in. Download the free icon set, change colors to match your project’s branding, edit any other way you see fit, and then put them to work!

Be sure to check out Design.dev, too! Tell them 1stWebDesigner sent you!

 

Download The Free Icon Set

 

 

]]>
18 Free & Premium Business Icon Sets https://1stwebdesigner.com/18-free-premium-business-icon-sets/ Mon, 27 Apr 2020 13:00:05 +0000 https://1stwebdesigner.com/?p=152243 If your business has an online presence — which it absolutely should — having a set of eye-catching business icons on hand is a great idea. You can use them in your site’s navigation, in social media images, on infographics, …

]]>
If your business has an online presence — which it absolutely should — having a set of eye-catching business icons on hand is a great idea. You can use them in your site’s navigation, in social media images, on infographics, and in many other places. But if you’re reluctant to go search for business icon sets on your own, we’ve got you covered.

What follows is a healthy list of free and premium business icon sets that take the guesswork out of what collections are best and allows you to focus more on building an effective site for your visitors.

UNLIMITED DOWNLOADS: 1,500,000+ Icons & Design Assets


Business 25

The Business 25 icons set offers a solid range of icons you can use on your website and other marketing collateral.

Business Icon Set - Business 25

Outlined Business Icons

This set of outlined business icons offers a cohesive and color-coordinated collection you can add to your site immediately for stunning results.

Business Icon Set - Outlined Business Icons

30 Business Icons

This set of 30 business icons are clear, well-rendered, and can be used for a variety of purposes.

Business Icon Set - 30 Business Icons

Cute Outline Icons of Business

Here’s another set of icons that will serve you well. They’re described as cute and feature the outlines of a variety of items and objects to depict concepts.

Business Icon Set - Cute Outline Icons of Business

Free Business Icons

The Business Icons set is completely free and offers more outlines of business-related objects like chat bubbles and magnifying glasses. But it has a few fun items in there as well like rocket ships.

Business Icon Set - Free Business Icons

Magicons: 100 Business Icons

The Magicons set includes 100 different business icons that are engaging to look at and can be used for a wide variety of purposes.

Business Icon Set - Magicons

Colorful Flat Business Icons

This set of flat icons are super colorful, so sure stand out in a number of different settings. The drop shadow on each icon is an especially nice touch.

Colorful Flat Business Icon Set

Kieka Icon Set

Another option to consider is the Kieka Icon Set. This one is super simple but uniquely engaging in that each icon is bubbly and rounded.

Kieka Business Icon Set

Flat Business Icons

This is another set of flat icons, only these stick to a very specific color palette, which could come in handy if your site favors yellow or blue accents.

Flat Business Icon Set

85 Business Icons

This set of 85 different business icons would suit a variety of websites and since you have so many to choose from, they are entirely multipurpose as well.

85 business icon set

Cosmo: 100 Free Icons

Cosmo is yet another offering that includes 100 different icons with a business focus. There are quite a few food, tool, and random object icons included here as well which makes it truly multipurpose.

Cosmo Business Icon set

Linear Business Icons

Another option is the linear business icons set. This one features very simple outline drawings of common items associated with the corporate world.

Big Collection Business Flat Icons

This is an impressive set of icons. Aptly named the Big Collection, this set of flat icons consists of 640 unique icons that you can start using on your business site right away.

Big Collection Business Flat Icons

Smashicons: 80 Material Office Icons

Here’s another compelling choice. Smashicons is a set of 80 material office icons that feature bold outlines.

Smashicons: 80 Material Office Icons

Color Business Icons

Still another option is this set of color business icons. These simple drawings are colorful and eye-catching and could easily be used in a wide variety of situations.

Color Business Icons

Business Icon

The color palette on this set is lovely. The Business Icon set offers some fun gradients and bold color choices that make it stand out.

Business Icon

Material Filled Icons of Business

The Material Filled Icons set strays away from the outline trend and features filled-in icons that would look great are bright backgrounds.

Material Filled Icons of Business

UIcons: 140 Free Icons

Last on our list is UIcons. This set consists of 140 free and unique icons that you can apply to a variety of aspects to your business and marketing materials.

UIcons

Check Out These Free & Premium Business Icon Sets

Hopefully you’ll find at least one of these business icon sets useful for your website and company projects. Many fall into the outline style but there’s actually a decent variety here that should keep you experimenting for quite a bit. And since free and premium options are both listed here, you’re certain to find something that fits your aesthetic preferences and your budget.

]]>
10 Places to Find Beautiful Free SVG Icon Sets https://1stwebdesigner.com/10-places-to-find-beautiful-free-svg-icon-sets/ Thu, 05 Dec 2019 16:43:41 +0000 https://1stwebdesigner.flywheelsites.com/?p=150876 Looking for beautiful vector icons for your next web design project? Every website in the making could use some icons to help spruce things up a bit and add visual interest. Even subtle icons draw eyes to your UI and …

]]>
Looking for beautiful vector icons for your next web design project? Every website in the making could use some icons to help spruce things up a bit and add visual interest. Even subtle icons draw eyes to your UI and help users navigate.

And SVG vectors scale to any size, which means unlike PNGs and JPEGs, they’ll never get blurry if you make them smaller or larger. Place them anywhere throughout your site, and never worry about them looking bad on other devices and screen sizes.

If you want to add icons to your website design, here are some of the best places to find them. Just make sure to check the license on each to see if you’ll need to include attribution.

UNLIMITED DOWNLOADS: 1,500,000+ Icons & Design Assets


Material.io

Example of Material.io

Material Design offers a set of open source UI elements to help you build a beautiful website, including this awesome icon kit. These well-made vectors span several categories and can fit almost any kind of website. There are also five different styles to choose from just to add a little variety.

Simple Icons

Example of Simple Icons

Looking for SVG icons for popular online brands like Spotify, Skype, or Firefox? You can find hundreds of them here, all creatively sorted by their brand’s color scheme. You can also search the list or organize alphabetically.

Zondicons

Example of Zondicons

Forever free and constantly being updated, Zondicons is set of consistently designed geometric icons for any website or app. These vectors are scalable, pixel perfect, and seamlessly blend in with a modern style.

Ikonate

Example of Ikonate

With over 300 customizable icons to choose from, Ikonate has a little something for everyone. Besides the sheer variety here, you can also change icon and border size, corner softness, and color right on the webpage. These are totally free to use and lightweight.

Feather Icons

Example of Feather Icons

Feather is a set of beautiful, minimal UI icons perfect for adding some subtle flair to your website or app. With nearly 300 icons, decorating your site’s interface will be easy.

Heroicons UI

Example of Heroicons UI

Here are 100 assorted icons in a thick, friendly-looking style, with enough elements to flesh out your site. This set is free for use under an MIT license, which means you can include them in commercial projects too.

Entypo

Example of Entypo

Entypo features over 400 premium icons comprising of general UI elements as well as assorted objects. There’s also a socials extension with logos for sites like Twitter and Instagram. With just a small attribution on your site, these quality icons are available for any project.

GitHub Octicons

Example of GitHub Octicons

GitHub has created their own set of icons for use in your projects. Mixed in with UI objects like arrows and chevrons, you’ll find icons based off GitHub’s logo and others inspired by technology.

Hawcons

Example of Hawcons

500 professional, carefully crafted icons, in two styles as well as two colors. What more could you need? This icon pack is sorted into six categories, and available in 4 vector and bitmap file types as well as a font file, offering ultimate versatility.

Linearicons

Example of Linearicons

These simple line art icons look great, and they’re super easy to install too. All you need to do is add a line of code to your site and the icons will be delivered by CloudFront, or you can download the icons you want as a vector, PDF, desktop font, or web font.

Free Vector Icon Packs for Any Project

Images and icons are the best way to make your website look better. A site chock full of text with nothing to break it up is boring and hard to read. Insert a few elegant icons in the right spot and you’ll find that your website looks a lot more interesting. It’s amazing what a few small images can do.

]]>
Premium Flat Business Icon Sets https://1stwebdesigner.com/premium-flat-business-icon-sets/ Wed, 13 Nov 2019 14:42:56 +0000 https://1stwebdesigner.flywheelsites.com/?p=150585 In the market for some high-quality icons to add to your business website, app, or infographic? Little graphics like these can go a long way in enhancing a design. They fill out the boring white space with visual appeal, …

]]>
In the market for some high-quality icons to add to your business website, app, or infographic? Little graphics like these can go a long way in enhancing a design. They fill out the boring white space with visual appeal, and overall make your project look a lot more professional.

But even if they’re small, designing hundreds of little icons like this can take a long time. These minimalistic icons will fit into almost any kind of project. There’s no reason to waste hours meticulously creating tiny icons when there are thousands available online. Try some of these premium and free sets and add them to your project to instantly make it look a lot more interesting.

UNLIMITED DOWNLOADS: 1,500,000+ Icons & Design Assets


Ultraviolet: 60 Business Icons

Example of Ultraviolet: 60 Business Icons

Free Ecommerce Icon Pack

Example of Free Ecommerce Icon Pack

Business Collection Icon Pack

Example of Business Collection Icon Pack

Referral Business Icons

Example of Referral Business Icons

30 Isometric Icon Set

Example of 30 Isometric Icon Set

Smashicons: 80 Material Office Icons

Example of Smashicons: 80 Material Office Icons

Business and office icons set

Example of Business and office icons set

120 Business and Finance Pixel Perfect Icons

Example of 120 Business and Finance Pixel Perfect Icons

Capitalist Icons – Free Sample

Example of Capitalist Icons – Free Sample

Thin Line Business Icons

Example of Thin Line Business Icons

Graph Icon Pack

Example of Graph Icon Pack

Magicons: 100 Business Icons

Example of Magicons: 100 Business Icons

Seo Icons Icon Pack

Example of Seo Icons Icon Pack

Smashicons: 170 Retro Business Icons

Example of Smashicons: 170 Retro Business Icons

Minimalist Business Icons

The great thing about flat, minimalistic icons is that they look great in almost any situation. Their simplicity pairs well with many styles. And since vector icons are small but scalable, you can pop them into uninteresting white space to make it look more interesting, or even scale them up and make them the centerpiece of your graphics.

Whether you go with free or paid icon packs, there are thousands of them online. If you’re short on time, you should definitely download a few instead of wasting time making your own graphics. Enhancing your project with beautiful flat icons is just a few clicks away, so don’t hesitate to test out one of these packs.

]]>
Fall Freebie: Downloadable Halloween Icons and Graphics https://1stwebdesigner.com/fall-freebie-downloadable-halloween-icons-and-graphics/ Fri, 11 Oct 2019 19:43:01 +0000 https://1stwebdesigner.flywheelsites.com/?p=150305 Looking for some free Halloween-themed graphics to spice up your designs? During the fall season, you’ll find a lot of freebies for autumn icons and backgrounds. If you want to decorate your website for October or create some festive Halloween …

]]>
Looking for some free Halloween-themed graphics to spice up your designs? During the fall season, you’ll find a lot of freebies for autumn icons and backgrounds. If you want to decorate your website for October or create some festive Halloween banners, this is a great time to dive in and get some free graphics.

We’ve collected some great sources of free Halloween icons, vectors, and designs. These will be perfect if you need some cute and spooky graphics.

UNLIMITED DOWNLOADS: 1,500,000+ Icons & Design Assets


Free Fall Icons and Graphics Pack

Example of Free Fall Icons and Graphics Pack

These cute digital icons are mostly made with the autumn season in mind, but there are quite a few Halloween examples in here as well. A jack-o-lantern, a witch’s hat, and spooky bats are just a few. There are both vector and PNG versions of each icon, so use whichever works for you.

Design Freebie: Halloween Vector Icons

Example of Design Freebie: Halloween Vector Icons

Vector icons are great because they’re both scalable to any size and easily editable. These vectors use a simple, appealing style with cartoony monsters, grinning pumpkins, and expressive ghosts. There are 42 icons including both props and characters, so it should last you a while.

Materia Flat Halloween

Example of Materia Flat Halloween

Minimalism fits in almost anywhere. The simpler a design, the easier it is to integrate with other styles. These 41 flat designs won’t look out of place as icons on your website or background decoration in graphics. They are a bit scarier with angry skeletons, bloody props, and spooky spiders, but with a cute and simplistic style that makes them very endearing.

Cute Halloween Background with Flat Design

Example of Cute Halloween Background with Flat Design

This adorable design would look great as a greeting card. It’s full of cute, smiling characters and varied background decorations. Since it’s a vector image, you’ll be able to customize and scale each of the elements to create the perfect scene.

Spooky Halloween: 40 Icons, 4 Styles

Example of Spooky Halloween: 40 Icons, 4 Styles

You’ll never run out of icons with this set of 40 minimalistic Halloween icons, suitable for web and graphic designs. Each icon comes in lined and filled styles, with an additional thin and thick version of each. There’s also both an SVG vector and PNG bitmap version of each in this pack.

Flat Design Background for Halloween

Example of Flat Design Background for Halloween

Here’s another cartoon Halloween background you’ll love. This one depicts a mysterious castle with bats, spiders, and a huge harvest moon, and it’d make a great banner background. It comes in vector format, so you can tweak each element to your liking.

10 Cursed Halloween Vectors

Example of 10 Cursed Halloween Vectors

With a highly-stylized, wacky design, these unique vectors lack the generic appeal of minimalistic icons – you can’t use them in just any project. But if these fun and colorful characters appeal to you, they’d make great centerpieces in a graphic.

unDraw Halloween

Example of unDraw Halloween

unDraw is a free, constantly maintained collection of vector icons and images for web designers. For Halloween 2018, they created a set of haunting background PNG images depicting scenes from various classic horror movies. Try to guess what each one is before you click, and use the arrow below each image to download.

Spooky Halloween Graphics

The fall season tends to bring out a lot of cute Halloween art. These little icons would make great stickers on your banners and backgrounds, or in any other autumn-themed design project you’re working on this year.

Make sure to double-check the license before using these commercially, as some may require attribution, but most of these are totally free for use. Don’t hesitate to include these adorably spooky icons and backgrounds in your Halloween works.

]]>
Free Illustration Sources for Your Design Projects https://1stwebdesigner.com/free-illustration-sources-for-your-design-projects/ Mon, 15 Apr 2019 12:28:14 +0000 https://1stwebdesigner.flywheelsites.com/?p=146639 For web and graphic designers, purchasing illustrations for a project can be expensive. That extra unique touch of custom artwork is often worth the price, but what if it’s not in your budget or vision?

Whether you just need placeholder …

]]>
For web and graphic designers, purchasing illustrations for a project can be expensive. That extra unique touch of custom artwork is often worth the price, but what if it’s not in your budget or vision?

Whether you just need placeholder illustrations, or aren’t planning on purchasing expensive commissions at all, you don’t have to settle for clip art. There are plenty of beautiful, free illustrations out there, fully available for use in any project. We’ve compiled a few sources here. Icons, art, and vectors; anything you need, you’ll find it.

Absurd Design

Absurd Design

Looking for illustrations that are weird, imperfect, and human? Absurd Design has beautiful artwork that looks like it comes from a surrealist painting. For free, you get eleven black and white designs in PNG format. They’re free for use in personal and commercial projects. You can also pay a monthly fee to get colored versions, SVG vectors, and even more great artwork.

unDraw

unDraw

If you need some stylish vector illustrations with a strong focus on people and technology, unDraw has hundreds of images that are just your taste. Tech-focused websites or graphics will find plenty of material here, but there’s a little something for everyone.

And the neatest feature: use the drop-down color picker at the top of the screen to customize the main colors to match your brand!

DrawKit

DrawKit

These beautiful modern icons would look great in any project. There are dozens of illustrations covering a variety of topics, each in black and white or color. It’s easy to edit them in any vector editor, and they’re available for any type of project. You can also purchase a pack of 5 premium illustrations, or a kit of 100+ components to mix and match into your own unique image.

365cons

365cons

365 cute, minimalist icons, available for use via the MIT license. Each icon comes in SVG and PNG form, so you can use them anywhere. And each icon related to the artist’s life that day in some way, so you’ll find all sorts of stuff!

Streamline Illustrations

Streamline Illustrations

How does 50 colorful, cartoony icons available for commercial use sound? People, objects, and technology are all represented here. Each icon comes with color, duotone, and line art versions – and in six different file formats! If you like those, you can also purchase premium packs or the whole set.

You can also install 240 totally free LGBT vectors on top of this, so that makes nearly 300 free icons from this site!

Ouch

Ouch

16 different art styles covering hundreds of illustrations sorted by subject – and all you need to do is link back. These icons were made for the non-illustrating designers out there looking to class up those empty webpages.

Purchasing a subscription gets you access to vector files, and you won’t need to link back.

Bottts

Bottts

Sketch App users, try this awesome free library. Mix and match cartoon robot parts to create your own bot, with head and body pieces available. Color however you want, and use as icons, in graphics, or whatever project you want – even if it’s commercial. No two bots look the same.

Beautiful, Free Artwork

A good set of illustrations can really make a design stand out, be it a website or a graphic piece. While it’s best to hire an artist if you want a totally unique design, using free illustrations can still give you the look you’re going for without costing a ton of money. Which of these resources do you plan on using in your next project?

]]>
The 10 Best Free Icon Fonts For Web Designers https://1stwebdesigner.com/best-free-icon-fonts-web-design/ https://1stwebdesigner.com/best-free-icon-fonts-web-design/#comments Mon, 11 Mar 2019 10:48:17 +0000 https://1stwebdesigner.flywheelsites.com/?p=129788 Open source web fonts let designers radically change their page designs and typographic styles. And some of these web fonts use icon sets to bring vector-based icons into CSS. If you’re looking for 100% free icon fonts for your website …

]]>
Open source web fonts let designers radically change their page designs and typographic styles. And some of these web fonts use icon sets to bring vector-based icons into CSS. If you’re looking for 100% free icon fonts for your website then this post has collected all of the best ones. Each icon pack is totally free with SVG vectors and webfont formats to include in your stylesheets and web pages.

UNLIMITED DOWNLOADS: 1,500,000+ Icons & Design Assets


1. Captain Icon

captain icon webicons

My personal favorite web font is the Captain Icon pack created by designer Mario del Valle. It’s a totally free open source project hosted on GitHub with vector files and web fonts.

What I like most about this icon pack is the style. Each icon has a very unique design, and they’re all hand drawn from scratch. This makes them stand out far above the other more generic icon sets.

But I don’t think Captain Icon works for every project. It’s best used on creative sites where a hand-drawn style fits with the layout.

2. Octicons

octicons web fonts

GitHub recently open sourced their own icon pack called Octicons. This free icon set is currently in version 5.0 and includes dozens of icons with some basic symbols.

These icons can be found scattered throughout the GitHub website. But they’re just simple enough that they can work on pretty much any interface.

If you need a simple, lightweight icon font then Octicons won’t let you down.

3. Typicons

typicons set

With rounded corners and simpler outlines, the Typicons set is perfect for any site. It comes with 330+ unique icons all with a similar style.

The pack is completely free and also available on GitHub. This means you can include the icons directly into your site and even make edits to them as needed.

Few people know about Typicons but it’s one of the better icon web fonts available. They can even work for iOS with some minor adjustments and special code snippets.

4. Zondicons

zondicons iconset

Zondicons are totally free and real easy to add into your site. Unfortunately these aren’t hosted on GitHub so they don’t have an update archive.

But you can see all of the examples on the demo page including which CSS classes you need to get them working properly. The main Zondicons download link comes right from the website, so it’s hard to tell if they’ve ever been updated or if new icons were added.

I do recommend this webfont if you’re okay with simpler designs. This makes the icons far easier to use, but they can also blend into the site with a more “generic” style.

5. Entypo

entypo homepage

The webfont icon family Entypo has been around for quite a few years. These icons are superb and they’re top of the line when it comes to freebies.

New icons are added sporadically and they’re very simple to access. The fonts also split into two packs: the main pack and the social pack. So if you don’t need social media icons you can reduce the font file size by quite a bit.

Entypo comes with over 400 icons and a brilliant CC sharealike license. To learn more about installation and customizing the icons you should read through the FAQ page and visit the main GitHub repo.

6. MFG Labs

mfg labs iconset

One of the newer fonts in this list comes from MFG Labs with their own icon set. It’s completely free and hosted on GitHub for the world to access.

Each icon comes packed with standard webfont formats using Unicode PUAs in CSS. This is fully semantic in all browsers and helps to reduce clashes against other CSS code.

MFG Labs icons have a unique style that stands out from the herd. I absolutely recommend this icon font for any type of website, commercial or otherwise.

7. Ionicons

ionicons webfont - icon fonts

Native devs love the Ionic Framework and it’s one of the most popular choices for web-to-mobile apps. The Ionic team decided to release their icons as a webfont called Ionicons.

Naturally they’re totally free and available on GitHub. You can even add these icons directly to your site using the CDN version of the stylesheet.

I mostly recommend Ionicons for newbies who haven’t used icon fonts before. They’re super easy to setup, and once you understand how they work you can move onto pretty much any other icon webfont out there.

8. Font Awesome

font awesome iconset - icon fonts

The original web font and Bootstrap’s personal choice, Font Awesome is perhaps the definitive pick for most web designers.

Font Awesome has been around for years and it’s widely regarded as the first major open source icon font. It frequently gets new updates with fresh icons and currently it’s in v4.7 with a free download on GitHub.

Every icon is fully scalable and maintainable directly in CSS. You can change colors, shadows, background gradients, or pretty much anything else using pure CSS3.

This is by far one of the safest icon sets you can use and you know it’s going be here for the long haul.

9. Material Design Icons

material webfont icons - icon fonts

Google’s material design brought a new approach to UI/UX on the web. This led to many new frameworks & resources including this material design icon font.

These material icons are totally free and accessible on GitHub. This icon pack is absolutely massive with over 1,000 icons covering a wide array of interface features.

And because it’s open source you’re free to reuse these on any projects and even customize the icons if needed. Perfect for anyone working with Google’s material guidelines on the web.

10. Devicons

devicons webfont - icon fonts

The Devicons pack is one of the newer web fonts you can try with a focus on tech logos & branding.

This icon font has every logo you can think of from the big tech players like Google to newer CMS logos like Ghost. I’ll admit, this is only useful for sites that want vector tech logos which certainly won’t be a majority.

But it’s a hefty icon set and it’s totally free! You’ll find install details on this page with a free CDN version you can use to reduce load times.

Wrapping Up

It’s hard picking just ten icon fonts because so many new ones are released every year. But these are my top picks and if you recommend any others be sure to share in the comments below.

]]>
https://1stwebdesigner.com/best-free-icon-fonts-web-design/feed/ 1
8 Websites To Find Free Creative Commons Icons For Design Projects https://1stwebdesigner.com/creative-commons-icons/ Mon, 04 Mar 2019 08:07:50 +0000 https://1stwebdesigner.flywheelsites.com/?p=135730 It doesn’t take much work to find free icon sets online. While they’re useful, they aren’t always the best option for finding specific icons. That’s where free icon resource sites can help.

These websites curate icons based on license …

]]>
It doesn’t take much work to find free icon sets online. While they’re useful, they aren’t always the best option for finding specific icons. That’s where free icon resource sites can help.

These websites curate icons based on license (Creative Commons or premium/commercial). Below I’ve curated a nice list for anyone who wants to quickly find specific CC icons on the web.

UNLIMITED DOWNLOADS: 1,500,000+ Icons & Design Assets


Iconfinder

Iconfinder

If you spend any time searching for icons, then you’re bound to stumble upon Iconfinder. This is the premier destination for any icon you could ever need.

It operates like a search engine, where you type in an icon style or glyph (like “magnifying glass” for a search icon). You’ll then see results with a mix of commercial and free options.

But if you look deeper into the search settings, you can filter the results to view just free or just paid options. You can also set the icon sizes and a few other search criteria.

No doubt that Iconfinder is the best place to start if you’re looking for free icons. If the icon is out there online, Iconfinder has it indexed.

All the Icons, Fonts, Web Templates & Design Assets You Could Ask For


Noun Project

Noun Project Icons

On the Noun Project website you’ll find a curated list of over one million icons and counting.

This site also works like a search engine, where you can filter icons based on keywords, styles and glyph shapes. For example, you can search for a mail icon and find some pretty clean results.

But The Noun Project isn’t completely free. They do have an optional pro plan which gives you access to far more icons.

Thankfully, their free icon library is still large enough to be worth a bookmark.

FindIcons

Findicons

FindIcons is an icon-only search engine and it features one sweet interface.

As you start typing you’ll notice auto-populated search results based on existing tags. This can help you find exactly what you’re looking for very quickly.

There’s also a filter menu on the side that lets you select how many icons to display per page, icon colors, styles and license.

This one is definitely worth saving if you need a high-quality search engine exclusively for finding icons.

Flaticon

Flaticons

There’s a lot to say about the flat design trend sweeping the industry. One sure thing is that if you’re creating flat websites, you’ll have no problem finding resources.

The Flaticon website is one such example.

This is a free icon search engine dedicated to flat icon styles. You’ll only find flat icons here and they’re all pulled from open source icon packs submitted by the community.

One cool feature is that they offer icons in many different formats – including base64. You can use base64 code within CSS to embed icons into your page without ever saving an image file.

Flaticon is certainly the best place to look for icons if you work with flat design on a regular basis.

Google Images (CC search)

Google Images CC

A lot of people skip Google Images on their quest for design assets. Typically, that’s because the results in Google Images come from other websites and you never really know what kind of license they’re using.

But there’s a nifty feature in Google Images that few people know about.

If you click “Tools” and then click “Usage Rights” you can select from one of many Creative Commons licenses to search through.

This automatically limits your image searches to return only images with the correct usage rights. Pretty cool!

Alternatively, there is a CC search page which can return similar results. But there’s no way CC’s internal search can ever match the power of Google.

Fontello

Fontello icons

I can’t say that Fontello is really a search engine just for icons. But it is one amazing website to help you find free Creative Commons assets – with plenty of icons to go around.

It’s described as an “icon fonts generator” and can be used to create custom icon font files to embed via CSS.

Note that you can also download these icons as vectors and rework them to suit your needs.

While it’s not the largest icon library in existence, it certainly features a variety of quality icons for designers.

Iconmonstr

Iconmonstr

Iconmonstr is relatively new compared to the other sites I’ve mentioned. However, this is a fantastic icon repository full of 100% free open source icons.

As of this writing it features over 4,000 icons – all organized into different collections. They’ll help you search for icons based on topics like sports, business or healthcare.

There’s also a standard search field if you know exactly what you’re looking for.

Just note that Iconmonstr primarily organizes single line icons with a similar minimalist style. So it’s great for finding icons with that particular style, but won’t help for much else.

GitHub

GitHub icons search

It may seem weird to recommend a code repository as a resource for graphics. But GitHub really does have a lot of repos with free icons available as SVGs and PNGs – among other formats.

Just do a search for icons and you’ll see what I mean.

Granted, there will be plenty of scripts and templates built around icons that show up in the search results. But you’ll also find repos for open source icon libraries that designers chose to host and release through GitHub’s free platform.

Consider this a last resort for finding obscure and niche icons. Don’t expect miracles, but the few gems you find can really have an impact on your design projects.

]]>
30 Free Icon Sets for Web Designers Worth Checking Out https://1stwebdesigner.com/free-icon-sets/ https://1stwebdesigner.com/free-icon-sets/#comments Sun, 27 Jan 2019 14:00:11 +0000 http://www.1stwebdesigner.local/?p=89975 All of these icons are free to use in both your commercial and personal projects, however, make sure to check the license beforehand.

Icons are very important in websites as they are used to make them look complete. These can be seen on every website. Their purpose is to guide the users and provide useful information to them. That said, designers are well aware of their meaning in web related projects and always looking for good icons to use in their websites.

If you are a creative designer, you can create custom icons for yourself. However, using icon sets that are pre-designed by expert designers is always a good option. A lot of talented graphic designers share their icon sets with other designers so that everyone can utilize them.

UNLIMITED DOWNLOADS: 1,500,000+ Icons & Design Assets


1. Roundicons

Roundicons

2. Flat Icon Set

Flat Icon Set

3. Meroo

Meroo

4. Outlined Weather Icons

Outlined Weather Icons

5. The Bitcoin

The Bitcoin

6. Stripes & Co

Stripes & Co

7. Line-Style Icons

Line-Style Icons

8. Rounded Flat Social Media Icons

Rounded Flat Social Media Icons

9. Free Flat Long Shadow Media Icons

Free Flat Long Shadow Media Icons

10. Nasty Icons

Nasty Icons

11. Freecons

Freecons

12. 5 O’clock Shades Icons

5 Oclock Shades Icons

13. 25 Free Icons

25 Free Icons

14. 24 Vector Social Icons

24 Vector Social Icons

15. Embossed Free Social Media Icons

Embossed Free Social Media Icons

16. 168 Free Vector Stroke Icons

168 Free Vector Stroke Icons

17. Free Vector Flat Icons

Free-Vector-Flat-Icons

18. Free Hard One Icon Set

Free Hard One Icon Set

19. Hangloose

Hangloose

20. Weather Icons

Weather Icons

21. Free social icons set

Free social icons set

22. Flat Icons Set

Flat Icons Set

23. Thinicons

Thinicons

24. Free Social Media Icons

Free Social Media Icons

25. Free Designer Icons

Free Designer Icons

26. Free Android Icons

Free Android Icons

27. Space Icons

Space Icons

28. Cryst4l UI

Cryst4l UI

29. Icons for the Weather Situations

Icons for the Weather Situations

30. Freebies stroke icons

Freebies stroke icons

31. Browser Icons

Browser Icons

32. PSD Social Icons

PSD Social Icons

33. Icons by Abhimanyu Rana

Icons by Abhimanyu Rana

34. Real Estate Icons

Real Estate Icons

35. 50 FREE Icons

50 FREE Icons

36. Icons by Catalin Fertu

Icons by Catalin Fertu

Icons are a great way to add smooth navigation and beauty to the website. All these icon sets that we featured are of high quality and can be downloaded freely. You can use them in your websites, blogs, etc.

We hope you find this post useful for yourself or anyone else. You can also share other icon sets or tell us about your favourite one by commenting below.

]]>
https://1stwebdesigner.com/free-icon-sets/feed/ 2