Problem/Motivation

The UI Icons implementation is using SVGs to load the icons, but in our components we are using fonts via CSS, which bloats the CSS by a lot. We should consolidate on the SVG method.

Screenshot showing the icons after:

CommentFileSizeAuthor
#2 Screenshot 2025-12-14 at 7.48.01 pm.png21.25 KBpameeela

Issue fork mercury-3563069

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

pameeela created an issue. See original summary.

pameeela’s picture

pameeela commented
Issue summary: View changes
Status: Active » Needs review
StatusFileSize
new Screenshot 2025-12-14 at 7.48.01 pm.png21.25 KB

The uncompressed CSS file wen from 128KB to 70KB.

pameeela opened merge request !154

  • pameeela committed 14f11741 on 1.x 
    feat: #3563069 Use SVGs to load icons instead of fonts for performance...
pameeela’s picture

pameeela commented
Status: Needs review » Fixed

Committed to 1.x.

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.