1.23.1 • Published 9 months ago
obra-icons-svelte v1.23.1
obra-icons-svelte
Obra Icons for Svelte.
A simple, consistent set of icons, perfect for user interfaces. Obra Icons consists of more than 1000 icons.
Installation
npm install obra-icons-svelte
This package works with Svelte 3/4/5.
Importing an icon
<script>
import { IconAdd } from 'obra-icons-svelte';
</script>
Customizing an icon
Use the size
, color
and strokeWidth
props to customize the icon.
<IconAdd size={24} color="red" strokeWidth={1} />
Targeting with CSS
Every SVG contains an obra-icon
class on the top level SVG element, that you can target with CSS.
Next to this, the inner elements are also targetable, with the following class names:
oi-fill
: Fill layersoi-vector
: Vector layersoi-ellipse
: Ellipse layersoi-box
: Box layersoi-triangle
: Triangle layersoi-incomplete-triangle
: Incomplete triangle layersoi-mini-square
: Mini square layersoi-line
: Line layersoi-mini-dot
: Mini dotsoi-medium-dot
: Medium dotsoi-dot
: Regular dots
Which icons are available?
For a full reference, see the list at Obra Icons website.
1.23.0
9 months ago
1.23.1
9 months ago
1.19.0
12 months ago
1.18.0
1 year ago
1.17.0
1 year ago
1.21.0
12 months ago
1.20.0
12 months ago
1.15.0
1 year ago
1.14.0
1 year ago
1.13.0
1 year ago
1.16.2
1 year ago
1.16.1
1 year ago
1.16.0
1 year ago
1.12.0
2 years ago
1.11.2
2 years ago
1.10.0
2 years ago
1.6.0
2 years ago
1.5.0
2 years ago
1.3.0
2 years ago
1.2.2
2 years ago
1.2.0
2 years ago
1.1.1
2 years ago
1.1.0
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago