DEV Community

Jeremy Jackson
Jeremy Jackson

Posted on

SVGs with MithrilJS and Webpack

#javascript #mithril #svg #webpack

Add the following to webpack.config.js

module: {
  rules: [{
    test: /\.svg/,
    type: 'asset/source'
  }]
}
Enter fullscreen mode Exit fullscreen mode

Import your SVG into your component

import svgIcon from './svgs/mySvgIcon.svg';
Enter fullscreen mode Exit fullscreen mode

Use m.trust to render it.

m.trust(svgIcon)
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Read next

devmarcosanjos profile image

Client-Side Rendering (CSR)

Marcos Anjos -

zanepearton profile image

Rust + WASI: Application Monitoring

Zane -

willowjr profile image

What I’ve Learned from Building a Calculator with Vue.js

William Kwadwo Owusu -

skylerdev profile image

How I Created a Hover Reveal Text Animation with TailwindCSS and React

Skyler Dev -