Skip to content

Latest commit

 

History

History
40 lines (31 loc) · 1.2 KB

webcomponent.mdx

File metadata and controls

40 lines (31 loc) · 1.2 KB
Raw
title description icon
Getting Started with Web Components
Material Design Icons Light can be used with SvgIcon Web Component.
si:webcomponentsdotorg

SvgIcon Webcomponent

MDI Light can be used in conjunction with the SvgIcon Webcomponent. See the README in the repo for more usage information.

Basic Usage

  1. Install from NPM.

    npm install @mdi/light-js @jamescoyle/svg-icon

  2. Import into your project.

    <!doctype html>
<html>
  <head>
    <script type="module">
      import '@jamescoyle/svg-icon'
    </script>
  </head>
  <body>
    <svg-icon type="mdil" path="M...z"></svg-icon>
  </body>
</html>
The following requires a build tool such as Webpack or Rollup. You could also copy the file into your project and import it directly for a simpler setup.