So I posted this question in a thread about the component that changes the Like Icon to a thumbs up. Sorry to dredge up this topic again but I am totally confused. What I’d like to do is use a custom Like icon from here - Font Awesome with the outline version being the Unliked icon. Is that possi…

Ok, try using this: Dropbox - discourse-custom-icons.zip - Simplify your life I only added the replaceIcon call for d-liked, you’ll have to edit the component in your instance and add the other lines. Make sure you use the IDs in the svg file, now they are simply SVGpig and SVGpigout.

How to replace an existing SVG icon with a custom one?

Dev

pfaffman (Jay Pfaffman) March 15, 2021, 1:55am 2

I’m not expert at that stuff…

Maybe see Discourse FontAwesome Pro Plugin

4 Likes

Topic		Replies	Views
How to use a custom SVG like icon in the Reactions plugin? Support reactions	3	688	June 2, 2023
Change icons globally Developer Guides how-to	24	9109	July 1, 2021
Change the Like Icon to :+1: Theme component official , change-like-icon	6	13816	February 27, 2024
Introducing Font Awesome 5 and SVG icons Announcements new-feature	135	41385	December 1, 2023
Replace Discourse's default SVG icons with custom icons in a theme Developer Guides how-to , theme-guides	7	8199	March 7, 2025

How to replace an existing SVG icon with a custom one?

Related topics