SVG inline code

What problem does this address?

A user asked if it would be possible to change the way SVG icons are displayed so they can be easily styled with CSS. I'll add his suggestion below.

  After discovering that SVG’s are inserted as src attribute in an <img>, I looked into how I could get it inline and found that editing the includes/front.php and changing one line will do the trick – then you can style how you will with CSS and colours / SVG elements can be targeted for interaction.
  
  The line 492 is the one to edit:
  
  <img src="%s" class="%s" aria-hidden="true" alt="%s"%s%s%s/>',
  
  Changed to:
  
  file_get_contents(esc_url( wp_get_attachment_url( $meta['icon'] ) )),
  
  Will output the raw SVG from the media library.

He also asked if it would be possible to add additional measurement units.

Suggested here.

What is your proposed solution?

No response

Start by inspecting includes/front.php around line 492 and review the linked WordPress support discussion. Compare the current SVG output with the proposed inline approach and determine how the requested additional measurement units fit the existing icon handling. Done means the intended styling and unit behavior are clearly specified and covered by the relevant project checks.