<?xml version="1.0" encoding="utf-8"?>

Inspiration

I started off with collecting inspiration regarding Halloween animations from Pinterest board and halloween elements to see what elements are used to represent halloween theme.

These were some of the elements I liked and wanted to use as inspiration for my icons. The more common elements were Ghosts, scary pumpkin, broomsticks, skeleton head, potion, etc.

Boo-tiful Icons 1

Grid and Layout

Boo-tiful Icons 2

I chose a 100 x 100 grid for my icons to build my icons.

Icon List

I selected the most commonly used icons and wanted to create icons that are generally used in applications. This is a list of icons I chose to design:

Boo-tiful Icons 3

Color Scheme

After going through multiple color palettes, this is the color palette I chose to use for my icon theme.

Boo-tiful Icons 4

Base Icon Design

I wanted my icons to look cartoonish/semi-formal instead of looking like all corporate-ey properly lined icons which can also be seen in the design for these icons.

Boo-tiful Icons 5

Light Mode

The icon for the light mode will be over a rusty orange background to emphasize the icon details against a plain white background

Boo-tiful Icons 6

Dark Mode

Boo-tiful Icons 7

Tools used

Figma
FigJam
Adobe Illustrator

From brief

Topics

Share

Share your insights — leave a project review and help others grow their skills

Reviews

8 reviews


Thanks for you sub, Zainab!

This is a great visual here, but you need to simplify it to be scalable in large and small pixels.

Great vibes only!


I like the approach with which you started working on the icon set. The thought process and the color scheme are well done👍.

But you should understand the difference between an icon and an illustration. An icon should have clean shapes, smooth and straight lines, minimum details to read well in the smallest size. Your icons won't work at a small size. Also, don't try to directly invert colors to go from a light theme to a dark theme. Try to be consistent in one theme, for example in a dark theme all icons should have the same stroke color, you have white stroke, black and orange - it's too much. And the set ends up looking uncohesive.

Anyway, thanks for your participation and try again in the future, I want to see your progress! 🙌


Really lovely illustrations! They might be a bit tricky to use as icons because of all the details. Simplifying them a little could help, but I really appreciate all the effort you put in. Great job, Zainab!


Good effort Zainab, however there is room for improvements.

(edited)

Hi S! I love these illustrations! Unlike what some others have said, I can see these working great as icons for a video game or even a playful app! I really appreciate how you have made some rules that help define them as an icon set. Using the same angles for a lot of them. I would push you to consider color more. Some of the colors here just don't work as well as they could. I also would consider either taking away some details or adding in even more and really push for that game-like vibe. Keep up the good work! Happy Halloween!


As other reviewers already mentioned, just simplify your already cool illustrations. Try to take a step back and reverse-engineer it to a point where you have a good icon foundation. Try the Uxcel templates with the grids and layouts, they should help you!


Hello! Great job on the presentation and explaining your process, it was very clear.

I feel that it lacks context, like some mockup of the icon set in use. The icons also have too much detail and inconsistent styling.


It's a good start, but you cannot choose only one size of your icons... this means you have to redo the shape in order to get to a 20x20 and still be seen good


38 Claps
Average 2.9 by 13 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>