Title: SVG Inline Code
Last modified: March 13, 2023

---

# SVG Inline Code

 *  [frown](https://wordpress.org/support/users/frown/)
 * (@frown)
 * [3 years, 2 months ago](https://wordpress.org/support/topic/svg-inline-code/)
 * 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:
 *     ```wp-block-code
       <img src="%s" class="%s" aria-hidden="true" alt="%s"%s%s%s/>',
       ```
   
 * Changed to:
 *     ```wp-block-code
       file_get_contents(esc_url( wp_get_attachment_url( $meta['icon'] ) )),
       ```
   
 * Will output the raw SVG from the media library.
 * Can I suggest the devs add this as Setting option, along with optional units 
   for the measurements? Not all of us use ’em’s!

Viewing 1 replies (of 1 total)

 *  [luciamarinescu](https://wordpress.org/support/users/luciamarinescu/)
 * (@luciamarinescu)
 * [3 years, 2 months ago](https://wordpress.org/support/topic/svg-inline-code/#post-16562641)
 * Hi [@frown](https://wordpress.org/support/users/frown/),
 * Thanks for choosing the Menu Icons plugin!
 * I forwarded your suggestions to our developers to see what could be done about
   them.
 * Thank you!

Viewing 1 replies (of 1 total)

The topic ‘SVG Inline Code’ is closed to new replies.

 * ![](https://ps.w.org/menu-icons/assets/icon-128x128.png?rev=2526860)
 * [Menu Icons by Themeisle – Add Icons to Navigation Menus](https://wordpress.org/plugins/menu-icons/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/menu-icons/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/menu-icons/)
 * [Active Topics](https://wordpress.org/support/plugin/menu-icons/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/menu-icons/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/menu-icons/reviews/)

## Tags

 * [image](https://wordpress.org/support/topic-tag/image/)
 * [img](https://wordpress.org/support/topic-tag/img/)
 * [svg](https://wordpress.org/support/topic-tag/svg/)

 * 1 reply
 * 2 participants
 * Last reply from: [luciamarinescu](https://wordpress.org/support/users/luciamarinescu/)
 * Last activity: [3 years, 2 months ago](https://wordpress.org/support/topic/svg-inline-code/#post-16562641)
 * Status: not a support question