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
Accessible Signup Form for SaaS Platform
Form

Project
SIPALA - Attendance, Leave, and Activity Management System

Project
Pawtify - Responsive Landing Page Brief
Description This is a landing page for a fictional pet salon called Pawtify, a modern, friendly pet salon brand designed to make grooming en

Project
Develop a User Persona
Research and analytical skills by carrying out user study and building a user persona.

Project
Plan A/B Test for the Onboarding Flow
Design an A/B test to optimize the onboarding flow and increase profile completion rate for a dating app.

Project
Build a Product Roadmap
Design an experience that can help Thai farmer to monitor weather and grow farm business.
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.





