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:

• svelte-icons-pack
• react-icons

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 Library	License	Version
Ant Design Icons	MIT	4.1.0
Bootstrap Icons	MIT	1.7.2
BoxIcons	CC BY 4.0 License	2.1.1
Feather	MIT	4.28.0
Font Awesome	CC BY 4.0 License	5.15.4
Heroicons	MIT	1.0.3
IcoMoon Free	CC BY 4.0 License	1.0.0
Ionicons	MIT	5.5.2
Remix Icon	Apache License Version 2.0	2.5.0
Simple Icons	CC0 1.0 Universal	6.7.0
Typicons	CC BY-SA 3.0	2.1.2
VS Code Icons	CC BY 4.0	0.0.27
Weather Icons	SIL OFL 1.1	2.0.12
css.gg	MIT	2.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" />;

Key	Default	Notes
color	currentColor (inherit)
size	1em
class	undefined
title	undefined	A 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.