https://www.reddit.com/r/modguide/comments/f0hl9z/custom_upvote_downvote_icons/
created by SolariaHues on 07/02/2020 at 21:52 UTC*
63 upvotes, 12 top-level comments (showing 12)
Vote icons are the buttons for up-voting and down-voting content on reddit (karma). You can upload custom ones for your subreddit.
Default vote icons look like this:
​
Image showing the default vote icons
Custom vote icons can be whatever you want. You can make them match the theme of your community. Like these I made for r/stories (*edit - they're not used there anymore, it's different to what I remember now*):
​
The redesign image usage guidelines[1] say they should be 72x72px, and max 64kb, in size.
1: https://www.reddit.com/r/redesign/comments/87uu45/usage_guidelines_for_images_in_the_redesign/
Reddit mods help centre[2] says they should be 48px.
2: https://mods.reddithelp.com/hc/en-us/articles/360010192832-Posts
And I've used some as small as 25px.
Your designs should be clear and simple as they're going to be small! Also keep in mind dark mode -grey/black and other dark designs might not show up.
You can digitally draw them, but you can also make them by removing the background from an image you'd like to use (please keep copyright law in mind/give credit).
You need four images for up active, up inactive, down active, and down inactive icons - or some subs use the same image for both inactive icons, it's up to you.
Vote icons with a hand drawn look can be found at r/Redditesque here[3].
3: https://www.reddit.com/r/Redditesque/comments/8e88ds/over_1000_redditesque_images_to_help_you_in/
If your sub meets the requirements, and you need some made for you r/bannerrequest[4] may be able to help.
4: https://www.reddit.com/r/bannerrequest/
Resources:
Image / Drawing Editors
5: https://tools.knowledgewalls.com/onlineimagesizefinder
6: http://www.simpleimageresizer.com/upload#.XVGH0-NKh9M
9: https://www.reddit.com/r/redditesque/
Paid:
Free:
11: https://www.adobe.com/products/photoshop.html
12: https://www.adobe.com/products/illustrator.html
13: https://affinity.serif.com/en-us/photo/
14: https://affinity.serif.com/en-us/designer/
In redesign upload your icons in redesign under mod tools > community appearance > posts
16: https://www.getpaint.net/index.html
Vote icons uploaded in redesign will take effect on mobile too.
In old reddit you'll need to use the stylesheet and some CSS.
CSS snippet:
/*Arrows*/
.thing .arrow {
height: 25px;
width: 25px;
}
.arrow.up {
background: url(%%upinactive%%);
}
.arrow.upmod {
background: url(%%upactive%%);
}
.arrow.down {
background: url(%%downinactive%%);
}
.arrow.downmod {
background: url(%%downactive%%);
}
/*This allows arrows wider than 15px just change it to the width of your arrows*/
.midcol { min-width:25px !important; }
Thanks to r/juulh for the resources, and the team their suggestions.
Comment by [deleted] at 08/02/2020 at 17:40 UTC
4 upvotes, 2 direct replies
For those not familiar with the %%imagename%% notation, you can upload the images on the stylesheet page below the box where the CSS coding goes. Obviously, the name of the image file has to match what you put in the CSS code for it.
Comment by SolariaHues at 08/02/2020 at 21:01 UTC
2 upvotes, 0 direct replies
r/PartyParrot has nice ones!
Comment by [deleted] at 21/04/2020 at 16:24 UTC
2 upvotes, 0 direct replies
Thank you for sharing this useful information. Will be happy to put it into use.
Comment by -AndyCohen- at 29/01/2024 at 23:51 UTC
2 upvotes, 1 direct replies
Was this option removed for the mobile app? My sub had it before I became a mod but it’s only shown while on desktop
Comment by tightywhitietoker at 07/07/2020 at 00:49 UTC
1 upvotes, 1 direct replies
I've been having trouble with mine. Changed them but I've been told they aren't showing up for members using dark mode
Comment by [deleted] at 15/12/2023 at 08:54 UTC
1 upvotes, 1 direct replies
[deleted]
Comment by noworriesinparadise2 at 29/03/2024 at 14:43 UTC
1 upvotes, 1 direct replies
I no longer have a "post" option when I go to community appearance. Its gone :( It used to work fine.
Comment by FaviFake at 17/08/2022 at 21:37 UTC
1 upvotes, 1 direct replies
Are you able to update this post with Reddit's new icon design?
Comment by [deleted] at 24/02/2023 at 19:39 UTC
1 upvotes, 1 direct replies
Broo why is this soo difficulty 🤣😅
Comment by BoysenberryMurky5240 at 03/04/2023 at 19:52 UTC
1 upvotes, 1 direct replies
Hello, I followed this and everything worked fine both on website and app. I added the icons on the old Reddit version and now the icons are not showing up on the phone but they are fine on the new Reddit web. I tried to remove the icons from the old web but still are not showing on phone. Even on the browser on my phone are not coming up. Not sure what’s going on.
Comment by Dandaman_witha_plan at 28/08/2023 at 02:55 UTC
1 upvotes, 0 direct replies
How can i copy this? I know nothing about coding
Comment by Fzephyr1 at 12/01/2024 at 12:33 UTC
1 upvotes, 1 direct replies
i uploaded to pictures for upvote and downvote. inactive and active the same. i can see them in the preview but not on the webversion of reddit.
