ms
mdi-svelte
npm i mdi-svelte
ms

mdi-svelte

Svelte component for Material Design Icons

by Alexey Schebelev

1.1.2 (see all)License:MITTypeScript:Not Found
npm i mdi-svelte
Readme

Svelte - Material Design Icons

Using Material Design Icons in your Svelte projects.

npm install mdi-svelte --save-dev

Demo

Go to Demo page.

Usage

The example below uses the @mdi/js package which contains all the MDI icon's path data.

<script>
    import Icon from 'mdi-svelte';
    import { mdiCardsSpade } from '@mdi/js';
</script>

<Icon path={mdiCardsSpade} color="black" />

You can find icons names at materialdesignicons.com

Props

PropPropTypesDefaultDetails
pathstringrequiredSVG path data. Usually from @mdi/js
sizenumber, stringnull{size * 1.5}rem, 1em, 48px
flipbool, stringfalse h - flip horizontal, v - vertical, true - both
rotatenumber0 degrees -360 to 360
colorstringcolor of the textrgb() / rgba() / #000
spinbool, numberfalsetrue = 2s, -2 counterclockwise, {spin}s

Inspiration

NPM @MDI Organization @MDI/React module

Downloads/wk

392

GitHub Stars

13

LAST COMMIT

2yrs ago

MAINTAINERS

1

CONTRIBUTORS

2

OPEN ISSUES

2

OPEN PRs

0
VersionTagPublished
1.1.2
latest
2yrs ago
No alternatives found
No tutorials found
Add a tutorial
No dependencies found

Rate & Review

100
No reviews found
Be the first to rate