Forums | Mahara Community

Developers /
Material Icons 25.04


Mark Sharp's profile picture
Posts: 7

08 May 2025, 2:37

I'm looking to update my theme (based on Raw) for Mahara 25.04. In my footer I have some social media icons (Facebook, Twitter etc) but now that we've switched to Material these are no longer working. There's an icon map in /theme/raw/scss/typography/_icons.scss - is that the full extent of the icons available to Mahara? Will I need to load Font-Awesome separately (I see it's still in the fonts folder in the raw theme). It's a shame it's not automatically loaded, if it's available.

Doris ⚡'s profile picture
Posts: 108

08 May 2025, 10:10

Hi Mark,

Mahara 25.04 has quite a few breaking changes. We've information into the upgrading guide which you can learn how to add more icons. Other helpful links related to this release can be found at the bottom of the 25.05 release page.

Best,

Doris

Mark Sharp's profile picture
Posts: 7

08 May 2025, 20:09

Thanks Doris,

I found the icon map and I checked the Material icon set on Google, and it doesn't have the social icons I'm after, so there's nothing to add. There are no branding icons like they have in Font-Awesome.

So it looks like I'm going to have to load back in the FA font.

Mark

Kristina Hoeppner's profile picture
Posts: 4942

09 May 2025, 13:17

Hi Mark,

Not providing brand icons is a decision by Google so as not to get into trademark issues (see this old Github thread). Our designer said that you can

  1. Add the Font Awesome brand icon font to the 'fonts' folder.
  2. Call it up in _fonts.scss like is done with other fonts.

  3. Add in the icon where you would like it to appear, e.g. '.brand-youtube::before {font-family: 'fontawesome-brand'; content: '/f167';)' to call up the individual icon.

Hope that helps

Kristina

Mark Sharp's profile picture
Posts: 7

09 May 2025, 19:51

Thanks Kristina,

and that is indeed what I've done: mahara-theme-solent/sass/typography/_fonts.scss at MAHARA_2504_STABLE · ltu-solent/mahara-theme-solent · GitHub

I dare say for most brands (especially social networks), having font brand icons has been a benefit to them as almost every site links to them via these icons. Hey ho.

In the upgrade notes, it might be useful to explicitly state that brand icons will not be available in the Material font.

thanks

Mark

Kristina Hoeppner's profile picture
Posts: 4942

10 May 2025, 2:11

Great that you could already make the fix to your theme, Mark. Thank you for the suggestion of adding the information to the upgrade guide. I've done that.

Have a nice weekend

Kristina

6 results