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
Pulse — Music Streaming App with Accessible Light & Dark Mode
Platform & DeviceFor this project, I designed Pulse, a mobile music streaming application for iOS devices (using the provided mobile templat

Project
Islamic E-Learning Platfrom Dashboard
Visual Language & Color I wanted the interface to feel like a quiet room you'd actually want to sit in and study. The warm neutrals - off-wh
Project
SiteScope - Progress Tracking App
🧩 Project OverviewThis project showcases the design of a mobile login and sign up experience for a construction progress tracking app. The

Project
Mobile Button System
As my first ever ux design attempt, I tried to go with a simplified approach with only a few button types and states. I kept the color palle

Project
FlexPay
The onboarding was designed to reduce financial anxiety, create a sense of instant reward, and encourage early action. Instead of overwhelmi

Project
CJM for Co-Working Space - WeWork
This project presents a customer journey map for WeWork, created to understand the end-to-end experience of a remote professional using a co
Visual Design Courses
Course
UX Design Foundations
Learn UX design fundamentals and principles that create better products. Build foundational knowledge in design concepts, visual fundamentals, and workflows.
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.









