Wednesday , July 28 2021

Tips on how to choose the right icons for your website

When we design a website, we often spend a lot of time
considering which visual resources to use. Photos and illustrations, for example, can
have a big impact on a design. However, those are not the only assets we should
focus on.

A resource that can easily be overlooked are icons. There
there are a lot of generic libraries that run and are quite easy to use, but
there's something to be said for the use of a more personalized solution. Indeed, the
the right icons make a more detailed and complete user experience.

So, how do you decide which icons to use? Let's
take a look at some tips and best practices to make the right choice. We will include
some amazing examples you can access with a subscription to Envato Elements, which hosts more than
5.500 icon sets, plus hundreds of thousands of design resources.

1. Use icons relevant to your subject

So often we use icons that do not really fit the subject
question of our website. Fortunately, we must not be content. Using icons that
they are relevant to an industry or the concept is a better way to go. This provides a
I look more finished while adding the context for users.

Medical line icons
Medical line icons

The medical field is a great example. Medical line icons
includes fifty fully editable icons that are available in a variety of formats. Every
the image illustrates a specific concept of the sector in a simple and direct way

More industry-specific icons set:

Development line icons
Development line icons
Education icon set 2 - flat series
Education icon set 2 – flat series
40 food and kitchen icons
40 food and kitchen icons

2. Reflect your brand and your style

The icons should add, not remove, your style. Look
for images that blend with the general tone and messaging of your site. That
it means that a site with a more tucked corporate touch should opt for the icons
that promote a professional appearance. Likewise, a more casual site will not want to
it becomes too serious when it comes to images.

30 new modern avatars
30 Fresh and modern avatars

30 Fresh & Modern Avatars could be perfect for blogs or startups that want to reflect
a fun atmosphere Choose from a collection of interesting characters and edit
them to adapt to your personality.

Set of more relaxed avatar icons:

Diversity Vol 3
Diversity Vol. 3
Set of vector eople icons
Vector people icons set
12 female occupation illustrations flat vector
12 female occupation illustrations flat vector

3. Think about the number of icons you will need

One of the challenges in using custom icons is that some
the sets may not be very deep. There could not be options to meet every need. Therefore,
we recommend that you consider the potential number of icons you plan to use. Having a
good idea in advance will save you the trouble of changing direction or
trying to combine different sets.

Modern flat icons
Modern flat icons

If you need a deeper library of icons, take a look at Modern Flat Icons.
The set contains 200 icons that are categorized by subject. I'm a good one
choice for websites that plan to use more images that span a variety
of industries.

Larger icon set:

180 real estate line icons
180 real estate line icons
200 hand-drawn vector icons
200 hand-drawn vector icons
Marketing 200
Marketing 200

4. Consider size and modifiability

When it comes to dimensions, not all icons are measured. Many sets
they are available in vector formats that can be scaled to any size and are easy to edit. But
you will also find collections that are relegated to lower resolutions and can not be optimized. This
it should be an important factor when exploring potential options.

26 colorful vector ice cream
26 colorful vector ice cream

For example, with 26 colorful vector ice creams, you'll find an icon set that offers unlimited numbers
sizing capacity. Since it is available in both carriers (Ai, EPS) and raster
(PNG), these icons adapt perfectly to any size. Also, you can create any one
changes necessary to better adapt to your style.

Set of fully scalable and highly detailed icons:

50 Vintage vector hand drawn badge
50 vector and hand drawn vintage badge
Hobby - set of flat design infographic elements
Hobby – set of flat design infographic elements
Little Critters Monster Extended Pack
Little Critters Monster Extended Pack

5. Look for the unexpected

Let's try a quick experiment. Close your eyes and think
that icon they should It looks like. We all
have our specific image in our heads. But the exciting aspect of the costume
the icons are that they are not one size. Sometimes, they can take
unexpected shapes that help push our projects forward. They may not work for you
every use case, but these mavericks could be just what you need.

Big set of social media icons
Big set of social media icons

This set of handwritten icons for social media is anything but standard. Coming in both sketches e
contour styles, these handcrafted beauties will help you stand out. Can
It also changes your idea of ​​what an icon can be.

Set of most unexpected icons:

Seamless wallpaper of abstract patterns
Seamless wallpaper of abstract patterns
Retro vintage pennants icons set part 2
Vintage pennants / Retro icons set | Part 2
LOVE stickers
LOVE stickers

Small details that make the difference

Although they may be small in stature, the icons have the
potential to do great things for your website. The key lies in choosing the right one
those for your specific needs.

Look for icons that match the subject and style. Then,
consider the depth of a collection you will need and if you want to run some
resizing or editing. Finally, do not be afraid to use images that break the
borders of traditional icons.

Keep these factors in mind and use the icons that will help you carry
your website to the next level.

More icon Bontà on Tuts +

Source link

Leave a Reply

Your email address will not be published.