Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sveltevk/icons

SVG icons, provided as a Svelte components.
https://github.com/sveltevk/icons

icons svelte svelte-components vk

Last synced: about 1 month ago
JSON representation

SVG icons, provided as a Svelte components.

Awesome Lists containing this project

README

        

# Svelte VK Icons

SVG icons, provided as a Svelte components.

- [GitHub][github-url]
- [npm][npm-url]
- [Changelog][changelog-url]

Based on [VKCOM/icons](https://github.com/VKCOM/icons)

## Setup

```sh
npm i @sveltevk/icons
```

## Example

[![REPL][repl]](https://svelte.dev/repl/363b61d1a57548ae861d6a5ec184308f)

```svelte

import Icon24Cancel from '@sveltevk/icons/dist/24/cancel';

```

or base import:

```svelte

import { Icon24LogoVk } from '@sveltevk/icons';

```

Note: Even if using the base import method, a modern application bundler like Rollup or webpack should [tree shake](https://developer.mozilla.org/en-US/docs/Glossary/Tree_shaking) unused imports.

[npm]: https://img.shields.io/npm/v/@sveltevk/icons.svg?color=blue
[npm-url]: https://npmjs.com/package/@sveltevk/icons
[chat]: https://img.shields.io/badge/VK%20chat-%234a76a8.svg?logo=VK&logoColor=white
[chat-url]: https://vk.me/join/AJQ1d3IXhxgxghIc5PFNiLCd
[svelte]: https://img.shields.io/badge/svelte-v3-blueviolet.svg
[svelte-url]: https://svelte.dev
[license]: https://img.shields.io/github/license/sveltevk/icons
[license-url]: https://github.com/sveltevk/icons/blob/master/LICENSE
[site-url]: https://sveltevk.github.io/icons/
[changelog-url]: https://github.com/sveltevk/icons/releases
[github-url]: https://github.com/sveltevk/icons
[repl]: https://img.shields.io/badge/svelte-REPL-red?logoColor=white&style=flat-square