Vanilla [1.1] - A modern look for your Studio


Vanilla is a set of smooth, simplified icons for Studio, with over 100 hand-crafted vector icons to make your explorer shine!


A flavour for every taste


Vanilla comes in four variants! You can choose between Platinum (optimised for light theme) and Graphite (optimised for dark theme) - from there, select between Colourful and Mono options for just the right amount of colour!


Crystal clear pixels


Each icon is designed around a 16x16 pixel grid, so they’re crisp and clear with pixel-perfect lines and high readability at a glance.


Beautifully consistent design


Every single icon is unified by a distinctively geometric design philosophy, giving them an uncluttered form with a uniquely Vanilla feel. Additionally, all of the icons are single-coloured, drawing from a palette of 6 primary colours.


Customise your own Vanilla icon set


Ready to upgrade your Studio aesthetic? You can customise your own set of Vanilla icons (and get installation instructions) over on the dedicated webpage:

Visit the Vanilla webpage (elttob.github.io)

Got any design feedback, or found a showstopper issue? Whatever you want to say, drop a reply below or open an issue on the GitHub page!

Enjoy your fresh new icons! :slightly_smiling_face:

693 Likes

So cool! insane that you put it out for free with this level of quality!

51 Likes

Thanks for the kind words! I put a lot of work into the entire set, but I think it’s worth sharing since otherwise it’d never be seen by anyone else :stuck_out_tongue:

30 Likes

This is 100% something I recommend using if you think roblox is “Overdue” a icon overhaul (such as myself)
It really is something you should use in my opinion!

14 Likes

This is absolutely gorgeous, I love the design!

Plus, it’s just nice to have icons that are consistently styled across all of Studio.

45 Likes

Great work! I really like the designs!

6 Likes

Loving. It.
Roblox was overdue for a icon refreshment, and I think this is exact direction they should have headed for.

10 Likes

Problem, regardless of what method I use, it never overrides. Any solutions?

4 Likes

If you’re installing the icons manually, make sure you’re adding them to the latest version of Roblox Studio.

On Windows, try sorting the Versions folder by date modified. The folder you need will be on top:

image

From there, make sure you’re inserting the ‘ClassImages.png’ file into /content/textures - the Mod Manager icons won’t work with a manual install!

If you’re not installing manually, but are instead using Roblox Studio Mod Manager, that’s a bug with that program - contact CloneTrooper1019 for help with that, since I don’t maintain that program myself.

Hope that helps :slightly_smiling_face:

10 Likes

Wait no, I figured out why it wasn’t working, had the ClassImages.PNG overridden in the Mod Folder, so it was reading that

2 Likes

Absolutely Incredible!
I love the Icons so much, they look clean, modern, and simple. The default Icons felt a little old so a refresh might motivate me to spend more time on Studio :slightly_smiling_face:

Again, Thank you very much for making this, you’re such a talented person, keep it up :+1:

5 Likes

this is absolutely amazing.
image

11 Likes

Very nice! been waiting for a while since i saw it on twitter!

3 Likes

This looks really good, but if you can, can you add a different icon for each instance, it’s easier to recognize that way, Roblox should do it too. So let’s say, you have “ClickDetector”, instead of having the same icon as “ProximityPrompt”, you could have a hand pushing a button or something like that. Same goes for many others, but it’s really cool anyways :eyes:.

4 Likes

Absolutely insane! I’ve been wanting them since I saw you started doing them on Twitter. I’m curious, how many icons did you make in total?

3 Likes

With Mod Manager it’s technically possible to do, but requires more effort to do. It also makes updates harder to do; as Roblox adds new icons to Studio, you’d have to keep reassigning your custom icons.

I could possibly create a set of ‘extra’ icons you could download in addition to the ‘default’ set in the future?

4 Likes

123 here total, but I have many others for all the other parts of the Studio interface (just in case those become moddable too!)

38 Likes

That sounds good. But I hope Roblox will do it too, since it’s hard to find certain Instance. I usually have a lot of BaseValue's and it’s harder to find the right BaseValue, because every BaseValue has same icon, instead of different ones; like those

  • BoolValue - A hand pointing at checkbox, or something.
  • ObjectValue - A hand pointing at cube.
  • Vector3Value - A hand pointing at 3 lines with have assigned axis name on it.

and I can go on.

6 Likes

Quick question; what do you use to make your icons?

3 Likes

I use Figma: https://figma.com/

13 Likes