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
Sojo NFT Marketplace
Sojo is an innovative digital marketplace where creators and collectors can buy, sell, and trade unique NFTs (non-fungible tokens) across va

Project
Heuristic Evaluation of Revolut Mobile App

Project
Hulu Through My Eyes - A Cinematic UI Exploration (unofficial)
This project is an unofficial, self-initiated redesign created for the Uxcel & UXPilot Challenge.

Project
From Idea to Full-Stack Web App
Why I Built a Finance App for “Regular People” Like Me: As a product designer and naturally curious person, I’m always exploring new ways t

Project
Docto
This is an app for medical services, and these are the two variants of light and dark mode. Below, I am describing some of the decisions. I

Project
Fundraising Website
The fundraising website is a dynamic platform designed to support individuals, communities, and organizations in their efforts to raise fund
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.