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
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.
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:
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 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:
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.
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
Larger icon set:
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.
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:
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.
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:
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 +