React Icons for Ignition Perspective

An Ignition 8.3+ Perspective module that provides access to 45,000+ icons from 31 popular icon packs via react-icons.

Included Icon Packs

Prefix	Library	Prefix	Library
ai	Ant Design Icons	lu	Lucide
bi	BoxIcons	md	Material Design
bs	Bootstrap Icons	pi	Phosphor Icons
cg	css.gg	ri	Remix Icon
ci	Circum Icons	rx	Radix Icons
di	Devicons	si	Simple Icons
fa	Font Awesome 5	sl	Simple Line Icons
fa6	Font Awesome 6	tb	Tabler Icons
fc	Flat Color Icons	tfi	Themify Icons
fi	Feather	ti	Typicons
gi	Game Icons	vsc	VS Code Icons
go	Github Octicons	wi	Weather Icons
gr	Grommet Icons	hi	Heroicons
hi2	Heroicons 2	im	IcoMoon Free
io	Ionicons 4	io5	Ionicons 5
lia	Icons8 Line Awesome

Usage

Add the component from the React Icons palette category in the Perspective designer.

Icon Property

Set the icon property using the format prefix/iconname:

fa/FaBeer
md/MdSettings
bs/BsHouseDoor
lu/LuRocket

Icon names are case-insensitive — fa/fabeer, fa/FaBeer, and fa/FABEER all resolve to the same icon.

Color Property

Set color to any valid CSS color value:

#ff0000
red
rgb(255, 0, 0)
currentColor

Unknown Icons

If an invalid icon name is provided, a warning triangle is displayed as a fallback.

Building from Source

Requirements

• Java 17
• Gradle 8.2.1 (via wrapper)

Build

export JAVA_HOME=/path/to/java17
./gradlew clean :signModule

The unsigned module will be at build/React-Icons-module.unsigned.modl.

Installation

Copy the .modl file to your Ignition gateway and install via Config > Modules.

This is a free module and is Maker Edition compatible.

License

MIT