mashanz / iconsax-svelte

Iconsax for Svelte

STATUS: still messy because auto generate from svg list

Iconsax Svelte

© Iconsax official website github page | This repository is inspired by iconsax-react

Preview

Iconsax Svelte Demo

Installation on Dev Dependency

npm i -D iconsax-svelte
# or
yarn add -D iconsax-svelte

Basic usage

<script>
	import { Add } from 'iconsax-svelte';
</script>

<Add size="25" color="#fff" variant="Bold" />

Properties

Prop	Type	Default	Note
color	string	#fff	css color
size	number string	24px	size={24} or size="24"
variant	Linear Outline TwoTone Bulk Broken Bold	Linear	icons styles

License

MIT

iconsax-svelte's Issues

Color inherit

I want to apply dynamic color in responsive views, so this code is not working...

<div class="hidden md:flex text-red">
  <Calculator
	  size="28"
	  color="int"
	  variant={activeFeature === features.calculator ? 'Bold' : 'Linear'}
  />
</div>

can you help how to solve this?