2.1.2 • Published 3 years ago

svelte-pangolicons v2.1.2

Weekly downloads
-
License
MIT
Repository
-
Last release
3 years ago

Svelte-Pangolicons

Pangolicons, but for Svelte! 🎉

🚀 Getting started

Install the package via npm:

npm install svelte-pangolicons

You can then import the Icons you want to use into your component.

<script>
	// Import the icons you want to use
	import { Pangolin } from 'svelte-pangolicons';

	// if the Icon's conflicts with one of your own components,
	// you can import them by a different name

	import { Pangolin as PangolinIcon } from 'svelte-pangolicons';
</script>

<Pangolin />
<PangolinIcon />

All icons are converted to PascalCase to work with svelte out of the box.

Attributes

You might pass a attributes object to the component using the spread syntax containing the following properties:

PropertyTypeDescription
sizeString?The size of the Icon.
classString?A custom class name to append to the icon classes.
strokeWidthString?The stroke-width property of the svg
colorString?The color of the stroke
linejoinString?The linejoin of the stroke
linecapString?The linecap of the stroke

You can also pass the properties individually.

<script>
	// The attributes below are the default attributes every icon has

	const attributes = {
		size: '24',
		strokeWidth: '1.5',
		class: 'pangolicon',
		color: 'currentColor',
		linejoin: 'round',
		linecap: 'round',
	};
</script>

...

<Pangolin {...attributes} />

📋 License

Svelte-Pangolicons is licensed under the MIT License.

🦄 Inspiration

Pangolicons is heavily inspired by Feather Icons & Lucide Icons. Svelte-Pangolicons was inspired by Svelte-Feather-Icons.

2.1.2

3 years ago

2.1.1

3 years ago

2.0.1

3 years ago

2.0.0

3 years ago

1.1.2

3 years ago

1.1.1

3 years ago

1.1.0

4 years ago

1.0.8

4 years ago

1.0.7

4 years ago

1.0.6

4 years ago

1.0.5

4 years ago

1.0.4

4 years ago

1.0.3

4 years ago

1.0.2

4 years ago

1.0.0

4 years ago