Don't Understand how to get these Icons to Roblox studios

So I make UI and I have had a hard time finding icons. In till:

But a problem with this is I can’t get these to studios. Its really annoying and is taking up my Development time since I spent 30 minutes trying to figure it out.

It says the file must be a PNG and I always download the PNG version but it still doesn’t work.
If you use this program could you please help.

Did you created it as a decal ? if so I can’t help :((

1 Like

Yes when I was doing that it said file must be a PNG but I selected the PNG file type and it didn’t work.

You could try for yourself and see what I mean.

It worked for me , id : 6518820182 , try adding it to studio with the ID

I don’t know if this works but once I had the same problem and I think I just have to name the file with a (.png) or whatever it says at the end of it, sorry if this is inconvenient, I think you should give this a go though!

Press to read important info

I hope that worked, :roblox:

Because I’m working with you, just tell me as I know how :wink:

Try using this.

What did you do to get it to work

@pyxfluff the same thing happened.

It said it must be a PNG

Ok, did a background search to see what the issue was.

i can see that some of them work. Roblox’s moderation system is very weird and can do things like this to mess it up. What i suggest is downloading the vector (SVG) and resizing it to your liking. It’s also considered better practice to learn to be able to use and create your own vector icons. If you do not know what a vector image is read what i wrote below.

What is a Vector Image?

Before we explain what a vector image is, lets take a step back. if you know what bits are then you are probably a programmer or atleast know some computer science terms. A bitmap or raster image, is an image that is made up of bits or pixels. Thats why when it comes to icons, which dont usually feature a million different colors (i literally mean millions) unless its a gradient, are best to be made as vectors.
raster images like .png, .gif, and .jpg, are the most common formats for images. Now, whats a vector?
a vector, instead of using pixels, uses a mathmatical formula to create the image. using vectors is perfect when it comes to logos, icons and simple artwork. thats why giant companies make their logos out of vectors so they are easily scalable from a bottle to a billboard. i can size a vector image from 10x10px to 100000x1000000px it would not lose a single bit of quality.
an example of the code for an SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="height: 512px; width: 512px;"><g class="" transform="translate(0,0)" style="">
<path d="M445.1 22.93c-3.8.11-7.9 1.81-11.5 5.98C379.2 107.6 318.8 184.7 257.3 261.4c2.3.9 4.5 1.9 6.5 3.1 4.5 2.5 8.4 5.6 11.7 9C339 197.6 401.3 121.1 455.6 40.87c4.3-9.84 1.1-13.83-3.8-16.4-1.2-.65-2.6-1.13-4.1-1.37-.8-.13-1.7-.19-2.6-.17zM63.14 46.41c7.69 13.5 16.6 26.49 2.25 47.15 10.45-10.72 22.95-21.51 42.41-1.4-4.2-10.17-17.26-17.99-6.1-33.71-17.06 8.58-25.86 0-38.56-12.04zM267.2 94.02c-7.4 11.08-18.3 14.68-32.6 10.28 14.3 4.9 21.5 14.5 17.7 31.7 8.3-15.5 18.1-21.4 29.5-17.1-6.4-6.3-17.3-7-14.6-24.88zm181.5 46.78c-4 22.5-6 45.9-43.2 50.9 22.9.8 48.1 3.7 51.7 46.2 5-15-3-37.8 25.6-41.3-28.6-10.4-30.7-29.2-34.1-55.8zm-358.92 96c2.1 24.8-8.1 41.4-37.08 45.6 29.38 3.7 44.88 15.4 45.88 35.5 5.62-13.5-.7-30.8 28.72-36.8-22.1-5.2-34.82-19.7-37.52-44.3zm155.42 39.7l-13.4 16.6c1.5.8 3 1.7 4.5 2.6 4.4 2.8 8.7 6.1 12.3 9.8l15.2-18c-2.3-2.7-5.4-5.4-8.9-7.4-3-1.7-6.3-3-9.7-3.6zM208 304.1c-.8 0-1.5 0-2 .1-1 .2-1.5.5-1.7.7l-.5.6-.6.4c-46.9 36-117.06 70.7-173.97 104.3 14.77 4.4 29.83 9.7 44.58 15.6l36.39-30.5L88.37 432c17.03 7.6 33.43 16.2 48.03 25.6l27.3-43.8-12.2 54.2c9 6.7 17 13.8 23.8 21.1 27.2-59.1 63-100.2 67.7-154.8l.1-.6.1-.6c.6-2.3-.2-5.7-3.1-10-3-4.2-7.9-8.7-13.4-12.2-5.4-3.4-11.5-5.8-15.9-6.5-1.1-.2-2-.3-2.8-.3zm111.2.2c9.7 13.1 9.9 25.8-4.7 38.3 17.6-8.2 30.3-7.2 37.8 3.6-1.7-9.4-11.1-16.8 3-30.4-14 4.8-26.1 1.2-36.1-11.5zm56.7 90.8c11.7 17.4 20 29.5 4.1 47.8 23.4-10 29.5 7 41.2 13.8-19.9-26.8-2.6-39.3 14.1-49.5-30.5 12.8-44.4-.3-59.4-12.1z" fill="#fff" fill-opacity="1" stroke="#ffffff" stroke-opacity="1" stroke-width="5">
</path></g></svg>

In order to edit vectors, you usually need a special program. Programs like Adobe Illustrator can cost a whopping $20.99 a month. BUT there is the perfect program. It has no paywalls whatsoever, and is open source. https://inkscape.org/ is its name. It’s easy to learn and once you get the hang out of it, you’ll be utilizing and creating beautiful icons. If you need help, feel free to contact me through devforum messages. Also @pyxfluff, your post of using Google Fonts is useless. Google Fonts is a website focused on typography. There is a Google Material Design area for the logos, but that would not solve his problem as the icons through there are now being treated like a web font which utilizes CSS to embed.

1 Like

Hello , I just downloaded it as a PNG then I uploaded it as a decal . I will not reply anymore on this topic for spam reasons

1 Like

1 Like

not sure what you are trying to convey with that image and no explanation whatsoever :sweat_smile:

It has the images. Not just fonts.

i understand but there is no point, as its literally sending the same thing he has linked but with a feature he does not need.

These are from different programs.

No my old decals were from canva then put through a background transparent thing. But now it does not work and neither do these

ah excuse me, i took your comment the wrong way. I’m not sure, maybe roblox has a dislike toward material icons

1 Like



@MisteryDev does yours look like this?