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

This Halloween, Spotify gets a fun, spooky twist with a custom-designed icon pack! This pack includes 12 unique icons inspired by Halloween themes, all while maintaining Spotify’s clean and modern style. Designed to align with the Spotify brand identity, these icons bring playful visuals that will enhance the Halloween experience across Spotify’s UI.

Spotify Halloween Icon Pack 1

Spotify Halloween Icon Pack 2

Sketching and Icon Grid Foundation

The foundation of the Spotify Halloween icon pack relies on a robust Material Grid system. This grid ensures consistent proportions and balanced visual weight for each icon, maintaining clarity and precision across different screen sizes—from mobile to desktop. The grid approach ensures scalability, allowing the icons to look sharp across all platforms.

Spotify Halloween Icon Pack 3

Spotify Halloween Icon Pack 4

Transforming Originals into Halloween Icons.

A series of classic Spotify icons have been reimagined with a spooky Halloween twist. From the Home icon turning into a haunted house to the Play button resembling a cracked pumpkin, these redesigns bring a festive touch to the familiar Spotify symbols while maintaining usability within the platform.

Spotify Halloween Icon Pack 5

Ensuring Visual Balance.

One key challenge was ensuring visual consistency across different themes, especially in light and dark modes. White lines tend to appear bolder on dark backgrounds. To balance this, the line stroke was adjusted, with lighter strokes for dark mode and standard strokes for light mode. This adjustment helped maintain clarity and avoid overly bold appearances across backgrounds.

Spotify Halloween Icon Pack 6

Adjusting Strokes for Different Modes.

In light mode, the icons use a standard 1.5 px line stroke for clarity, while in dark mode, the stroke is thinned to 1 px to avoid making the icons appear too bold. These adjustments ensure that the icons retain their balance and sharpness across both modes.

Halloween-Icon Though Process

Icons such as the search magnifying glass were transformed into an eerie eye, while the stop icon was turned into a sinister watch. Each redesign adds a unique and spooky aesthetic to enhance the Halloween theme while ensuring icons are still easily recognizable.

Spotify Halloween Icon Pack 7

Prototyping for Real-World Use

The icons were prototyped across mobile, tablet, and desktop environments to ensure they function well in Spotify's UI. The goal was to maintain clarity while adding a festive and spooky touch, creating a smooth user experience across all platforms.

Spotify Halloween Icon Pack 8

Click here 👀

View the Halloween Icon Pack in Action

You can view the interactive prototype of the Halloween icon set on Figma. The prototype showcases how these icons would appear in real Spotify environments, demonstrating their scalability and visual consistency.

Spotify Halloween Icon Pack 9

Click here 👀

A Closer Look at the Halloween Icons

From haunted houses to pumpkin play buttons, each icon has been carefully redesigned to incorporate playful, spooky elements while maintaining the functionality required for seamless user experience in Spotify's interface.

Spotify Halloween Icon Pack 10

A Fun and Festive Twist

The Halloween redesign of Spotify's icons is a playful way to engage users while keeping brand consistency intact. These festive icons offer a fresh yet familiar visual experience, creating a fun, interactive way to celebrate the season on Spotify.

Thank you for Reading! Take closer look 👀

Tools used

Figma
Adobe Illustrator
Adobe Photoshop

From brief

Topics

Share

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

Reviews

7 reviews


Hi Urvik! This is such a spooky and creative project! I love how you went above and beyond the brief by adding animations and updating the logo. Big applause for the hand-drawn ideation—I'm a huge fan!

Creating thematic icons is always tricky; capturing the vibe through subtle details takes real skill. However, with so many fine details, accessibility can suffer, and sometimes the idea might not come across to users as intended.

In this project, many icons face this issue. To improve, you could reduce the level of detail in each icon, or, as an alternative, make the icons larger within the app just for this specific project.

Best of luck in the competition!

/Yuliia


It's disappointing to see that so much effort went into replicating a previous presentation I’ve seen here before: UXcel Halloween Icon Pack: https://app.uxcel.com/showcase/uxcel-halloween-icon-pack-244

The layout, approach, and even some of the text closely mirror the original, which conflicts with UXcel's guideline, "Ensure you only submit your own work." It’s unfortunate because there are some fresh ideas with potential in your submission. However, its similarity to another designer's published work detracts from the impact and originality.

Great to see you've update the project, it now feels much more like your own work. Thanks for making the changes; I've updated my rating. Just a bit of advice for the future: it’s clear you have a lot of talent, so avoid anything that might give you a "copycat" label. It can be hard to shake once it sticks, and honestly, you don’t need it. Keep pushing your unique ideas!

Bhimani janki

Bhimani janki

Urvik, your Halloween icon pack is nothing short of enchanting! The way you’ve blended creativity with thematic precision is impressive. Each icon is a delightful representation of the Halloween spirit, showcasing a unique style that stands out from typical designs. The subtle animations add an engaging touch that breathes life into each element, making them feel dynamic and fun.

Your hand-drawn approach reflects a level of artistry that is both charming and authentic, providing a personal touch that resonates well with users. It’s clear you’ve poured thought into every detail, ensuring that even the smallest elements contribute to the overall atmosphere.

This pack not only captures the essence of Halloween but does so in a way that invites users to connect with the designs. Fantastic work on creating such a remarkable and unique collection! Best of luck in the competition! 🎃✨


Priya

Priya

Urvik, this Halloween icon pack is fantastic! You've truly captured the spooky vibe with impressive attention to detail, from the expressive animations to the revamped logo. The hand-drawn ideation brings a unique, artistic touch that’s both creative and refreshing.

Creating themed icons is no easy feat, especially when balancing intricate details with usability. Your work strikes that balance well, though I’d recommend a quick accessibility check to ensure the fine details are clear and the concept shines through at every size.

Incredible work overall – best of luck in the competition! 👻🎃


Urvik, I absolutely love the presentation of your Halloween icon pack! 🎃 The way you’ve showcased each icon is both visually stunning and engaging. The unique layout really allows the details to shine, making it easy to appreciate the creativity and thought you’ve put into every design.

Your icons capture the spooky spirit of Halloween perfectly, with just the right mix of fun and fright! 👻 The animations add an extra layer of excitement, making the whole pack feel lively and dynamic. It’s evident that you’ve really thought about how each piece interacts with the overall theme.

Fantastic work, and I can’t wait to see how this is received! Keep up the amazing creativity! 🌟


Your effort in the presentation with all the fun animation was great!

Loved the concept and presentation, the sketches, it adds to the fun and understanding of your thought process.

Regarding the icons, I think we are missing the mark, it has way too much detail to work in small sizes and the style is completely different from Spotify


Your work looks very organized and full of effort and serious steps and I loved your Design Process


129 Claps
Average 4.2 by 31 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>