Badges for DevForum Posts

Hello developers,

What is it?

I decided to make my own custom badges for my community resource posts. Here is the full pack that I made, I will be making more so request some! These are high-quality PNG’s, that all have the same design except for different logos, colors, and text. You may also use these anywhere else.

Example of icon in action:

Join our Discord server!

Icon Pack Preview:

All of these icons are free to use, and they were made in Figma.

HTML code for each badge.

Creator Marketplace (Roblox):

[![Get it on Roblox!](https://i.ibb.co/X7D3jgZ/Roblox.png)](https://URL_HERE)

GitHub:

[![Get it on GitHub!](https://i.ibb.co/thGh17w/GitHub.png)](https://URL_HERE)

Discord:

[![Join our Discord server!](upload://9X5Io5RxgXB5RWfRsF9lIKGT8OQ.png)](https://URL_HERE)

File Download:

[![Download File](https://i.ibb.co/cw4qpWN/File.png)](https://URL_HERE)

Guilded:

[![Join our Guilded server!](https://i.ibb.co/yy6VXgk/Guilded.png)](https://URL_HERE)

Figma:

[![View our Figma project!](https://i.ibb.co/47PjRmv/Figma.png)](https://URL_HERE)

Twitter:

[![Follow me on Twitter!](https://i.ibb.co/Jd8jC0C/Twitter.png)](https://URL_HERE)

itch-io:

[![Get it on itch.io!](https://i.ibb.co/fXzLvT4/Itch-io.png)](https://URL_HERE)

Documentation:

[![View my product documentation!](https://i.ibb.co/VwCPq1n/Documentation.png)](https://URL_HERE)

Trello:

[![View the project Trello board!](https://i.ibb.co/zrkn2jG/Trello.png)](https://URL_HERE)

Thanks!

99 Likes

This could be a very useful resource to people! These are very well detailed and could be useful in some way!

Some people may say this would be useless, but they really don’t understand what the purpose is of this resource, don’t let any hate on the forum get to you, they just wanna make you have less motivation.

9 Likes

sometimes we do things just because we can

4 Likes

This is a really great resource, would be nice to have some sort of ‘follow on twitter’ option.

4 Likes

UPDATE:

Added itch.io icon:

Get it on itch.io

Added Twitter icon:

Follow on Twitter

14 Likes

I dont think you added the itch.io code

Anyway, I like these badges, they are well made. But how do I use them?

2 Likes

Just put your link where it says ‘YOUR LINK HERE’

Thank you for this! I have a little problem though, when I put something like upload://sdjfhgksdfsdf.png into the file download button’s link, it doesn’t download anything. Any idea how I could fix that?

1 Like

You have to put a direct link to the website where you’re gonna download the file.

The upload is on the devforum. I am not sure where else I would post it.

Just testing this

Follow on Twitter

Hello everyone, these icons are updated again!

I have added a view docs icon:

3 Likes

These are some clean designs of badges!

Amazing Work! :+1:

1 Like

Thank you! Just a note that they may be lower quality of high resolution monitors!

You can use markdown for clickable images also

also I’ll use them for my upcoming resources :wink:

[![name|1920x1080](https://i.ibb.co/id/name.png)](https://url.com)
1 Like

I wish that I knew about these icons before, but they’re quite low resolution. It’s especially noticeable with the scaled ones on the main post, although it’s still quite noticeable even with no scaling.

If you’re using Figma, export at something like 1024w.

oh

so that’s how I fix it. Ill update you on the new icons once I fix them all.

2 Likes

@GamersInternational
@VSCPlays

I updated the icons, tell me if they work nicely.

does not appear :confused:

You have the URL on a new line.