si
solid-icons
npm i solid-icons
si

solid-icons

The simplest way to use icons in SolidJS

by Ignacio Zsabo

0.4.13 (see all)License:MITTypeScript:Built-In
npm i solid-icons
Readme

The standard for using icons in SolidJS

An svg icon pack to use in your projects built with SolidJS

14156 icons ready to use Icons explorer

This library is based on the work of:

Installation

Yarn

yarn add solid-icons

NPM

npm install solid-icons --save

Usage

import { BiCompass } from "solid-icons/bi";

<BiCompass color="lavender" size="64px" />;

Included icons pack

Icon LibraryLicenseVersion
Ant Design IconsMIT4.1.0
Bootstrap IconsMIT1.7.2
BoxIconsCC BY 4.0 License2.1.1
FeatherMIT4.28.0
Font AwesomeCC BY 4.0 License5.15.4
HeroiconsMIT1.0.3
IcoMoon FreeCC BY 4.0 License1.0.0
IoniconsMIT5.5.2
Remix IconApache License Version 2.02.5.0
Simple IconsCC0 1.0 Universal6.7.0
TypiconsCC BY-SA 3.02.1.2
VS Code IconsCC BY 4.00.0.27
Weather IconsSIL OFL 1.12.0.12
css.ggMIT2.0.0

You can add more icons by submitting pull requests or creating issues.

Configuration

You can configure icons props using

import { BiCompass } from "solid-icons/bi";

<BiCompass color="lavender" size="64px" className="custom-icon" title="a11y" />;
KeyDefaultNotes
colorcurrentColor (inherit)
size1em
classundefined
titleundefinedA icon title a11y

Demo

An example of using this library in this repository: PayPal fee calculator

Licence

MIT

  • Icons are taken from the other projects so please check each project licences accordingly.

Known issues:

  • Ionicons: Most of the icons in this pack work fine but some with outline features have trouble displaying.

Downloads/wk

225

GitHub Stars

43

LAST COMMIT

2mos ago

MAINTAINERS

1

CONTRIBUTORS

0

OPEN ISSUES

1

OPEN PRs

0
VersionTagPublished
0.4.13
latest
23d ago
No alternatives found
No tutorials found
Add a tutorial