Introducing Font Awesome 5 and SVG icons

Announcements
126

11 posts were split to a new topic: How to replace an existing SVG icon with a custom one?

137

5 posts were split to a new topic: How to use the RSS icon from Font Awesome?

142

2 posts were split to a new topic: How to use Font Awesome pulse as the loading icon?

143

Is there a plan to upgrade Font Awesome to version 6?

7 Likes
144

Good question, we don’t currently have a plan to upgrade to Font Awesome 6, but we will look into it shortly.

10 Likes
146

I have seen quite a few places stick with font-awesome 5 cause the set in 6 was missing some stuff (that is now in paid tiers).

Not against upgrading though, just something to be mindful of.

10 Likes
156

Huh. They make kind of a big deal about backwards compatibility so that seems surprising. Do you have a link to something listing what’s missing?

2 Likes
157

No link, sorry, just anecdote for now. I recall @pmusaraj battled with this a bit.

5 Likes
158

Have you considered Fork Awesome, a fork of the iconic font and CSS toolkit?

3 Likes
159

Not yet, but it looks quite cool, for sure. I have a feeling it would be a massive pain to backtrack and port Discourse to use its patterns.

2 Likes
160

Maybe other people here have experience switching from FontAwesome to ForkAwesome?

From their what’s new page:

We paid special attention not to change unicode codepoints for the existing icons, nor changed the CSS class names or icon names from Font Awesome 4.7. Though we added a few more icons and made the process of contributing to this project much easier. Though, if you see a mistake, please don’t hesitate to file a bug.

The examples page seems to look like FontAwesome.

Meh, this post by the (non-)maintainer seems to tell it’s a bad idea to use that at this point. Too bad.

1 Like
161

FontAwesome moved the whole “Regular” icon set to a paid plan in version 6. However, it looks like existing regular-set icons are still freely available when using the SVG icons directly (i.e. not as a web font). That’s good news for us, because we use SVG sprites from the fontawesome repo.

However, the backwards compatibility they’ve added doesn’t apply to us neatly, we don’t use FontAwesome’s “SVG + JS framework”, so we don’t benefit from the automatic aliasing. That’s probably the biggest blocker at the moment for a 5 → 6 upgrade (though it’s not as big as missing icons).

10 Likes
163

This link isn’t working for me

1 Like
165

Having done a lot is Usability Testing of a Discourse forum over the last year, I think one of the best things Discourse could do for usability would be to invest in making an icon set: tested for clarity, made more consistent, and showing a little style here and there. But maybe this isn’t the place to post about that!

2 Likes
166

Could someone please offer any guidance in better spelling out how I can add flag emojis as svg-icons to my tag icons theme component. I suppose I’m not understanding what is needed, be it modifications to the theme component or drafting up a dedicated plugin in order to access these emojis within the theme component.

Thanks!

1 Like
167

hmm, Not seeing anything

How do I do this?

  • Created custom theme component called SVG_Assets
  • uploaded custom 1x1 svg icons.
  • Enabled SVG_Assets as part of my theme.
  • Installed Tag icons theme component and added to my theme.

I see the url for each svg icon I have uploaded into SVG_Assets

Hmm, okay. Can we have a new example of how the settings in the editor should look.

Example adding us.svg upload

Currently seeing

[
	{
		"setting": "tag_icon_list",
		"value": "tag1,question-circle,#CC0000|:de:,$de,https://domain/1X/604c368499a58499e21ab5337a325600cb35b421.svg"
	},
	{
		"setting": "svg_icons",
		"value": ""
	}
]
1 Like