Getting Started with Svelte

Consider using the webcomponent version for icons that can be used in any modern browser with any framework.

Svelte Icon Component

MDI can be used in conjunction with the Svelte Icon Component. See the README in the repo for more usage information.

Basic Usage

Install from NPM.

npm install @mdi/js @jamescoyle/svelte-icon

Import into your project.

<script>
import SvgIcon from '@jamescoyle/svelte-icon';
import { mdiAccount } from '@mdi/js';
</script>

<SvgIcon type="mdi" path={mdiAccount}></SvgIcon>