https://github.com/moollaza/svelte-zondicons

Svelte components for Zondicons by Steve Schoger
https://github.com/moollaza/svelte-zondicons

icons package sapper svelte tailwindcss zondicons

Last synced: 25 days ago
JSON representation

Svelte components for Zondicons by Steve Schoger

• Host: GitHub
• URL: https://github.com/moollaza/svelte-zondicons
• Owner: moollaza
• License: mit
• Created: 2019-12-21T17:16:39.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2022-07-20T19:11:28.000Z (over 2 years ago)
• Last Synced: 2024-04-23T19:37:53.933Z (7 months ago)
• Topics: icons, package, sapper, svelte, tailwindcss, zondicons
• Language: JavaScript
• Homepage: https://www.zondicons.com/
• Size: 168 KB
• Stars: 4
• Watchers: 3
• Forks: 2
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## Svelte Zondicons

[![npm version](https://img.shields.io/npm/v/svelte-zondicons.svg?style=flat-square)](https://www.npmjs.com/package/svelte-zondicons)

Provides customizable components for each icon in the Zondicons set. Ideal for use with [Tailwind](https://tailwindcss.com/).

### Installation

```bash

yarn add -D svelte-zondicons

```

or use NPM

```bash

npm install --save-dev svelte-zondicons

```

### Usage

```html

  // Only import what you need

  import { AirplaneIcon, ArrowLeftIcon, ... } from 'svelte-zondicons';

```

### Accepted Props

- `class`: Sets `class` attribute

- `size`: Sets `height` and `width` attributes

- `color`: Sets `fill` attribute (Defaults to `currentColor`)

## Credit

- [Zondicons](https://www.zondicons.com/) is a free SVG icon set created by [Steve Schoger](https://twitter.com/steveschoger).

- This package was inspired by:

  - [svelte-feather-icons](https://github.com/dylanblokhuis/svelte-feather-icons)

  - [svelte-simple-icons](https://github.com/beyonk-adventures/svelte-simple-icons)

## Contributing

Pull requests are welcome :)