Spookle - Halloween theme icons
I’ve crafted a set of icons with a spooky, Halloween-inspired theme to add a unique touch to your interface.
- The home icon is a haunted house with a broken, eerie effect, setting a chilling tone right from the start.
- For the settings icon, I’ve chosen a spider web, symbolizing the meticulous and time-consuming process of configuring settings, much like a spider weaving its web.
- The delete icon is marked with a gravestone inscribed with ‘RIP’, giving a clear and spooky indication of its function.
- The close icon is cleverly designed with two crossed bones forming an ‘X’,
- while the hamburger menu is represented by three bones stacked together, adding a skeletal twist to the classic design.
- For the help icon, a hand reaching out from a tombstone provides a dramatic and attention-grabbing visual.
- The profile or account icon is depicted as a skull, perfectly fitting the eerie theme.
- The download icon features a tombstone with a download arrow, merging functionality with a spooky aesthetic.
- The search icon is a fire torch, harking back to ancient times when torches were used to read inscriptions on stone, adding a sense of adventure and mystery.
- Finally, the launch or go icon is illustrated as a rocket bonfire, symbolising ignition and forward momentum with a fiery flair.
Reviews
1 review
Hey Satheswaran,
Great job on this submission! I can see you pushed your creative boundaries here, and that must have been a fun challenge. Even though the project is over, I wanted to leave some feedback as there's valuable learning in your work.
I really like the typeface choice for the close, menu, help, and account icons—smart thinking there! Even as a creative exploration, these elements have real-world application potential. A few small tweaks could take it even further:
- The close crossbones would feel more natural if they either joined at a single point or had one bone overlapping the other, rather than intersecting in the middle.
- Adding just a bit more spacing between the bones in the menu button could improve clarity.
- For UI use, I’d lean toward simpler icons that highlight one or two key characteristics—sometimes less is more, especially when it comes to usability.
- I know go must've been a hard one, but I don't think the firework has enough relation to halloween, maybe a witches broomstick, haha!
Overall, fantastic effort! Looking forward to seeing more of your work.
Hi Salva,
Thank you for your feedback and appreciation. I will adjust the design based on your comments, as they are all appropriate for improving the intuitiveness of the icons. The witch hat and wand can work well for the search icon.
Thank you once again! 😊
5 Claps
Average 2.5 by 2 people
You might also like

Project
Entrant Accessible Signup and Login Forms
Entrant was the internship-focused job-seeking app for college students and fresh graduates — built around lowering friction, making opportu

Project
A/B Testing for Bumble's Onboarding Process
This hypothesis project is made with the purpose of improving Bumble's onboarding process with gamification, early reward system, and intere

Project
CJM x Mindspace case study - Ester Cinelli
Mindspace was chosen for this customer journey map because it offers a premium, design-focused co-working experience aimed at people who nee

Project
Dark mode Main page
light mode

Project
LUMÉRA - Checkout Flow
Cart abandonment is one of the biggest challenges for D2C brands, especially in categories like skincare, where trust and reassurance play a

Project
Tripit's Login and Sign Up Flow
Tripit is a travel planning and itinerary management app that I personally love using. For the most part Tripit's login and sign up flow are
Visual Design Courses
Course
UX Design Foundations
Learn the essentials of UX design to build a strong foundation in core principles. Gain practical skills to support product development and create better user experiences.
Course
Introduction to Figma
Learn essential Figma tools like layers, styling, typography, and images. Master the basics to create clean, user-friendly designs
Course
Design Terminology
Learn UX terminology and key UX/UI terms that boost collaboration between designers, developers, and stakeholders for smoother, clearer communication.








