Solid Icons

screenshot of Solid Icons
solid

The simplest way to use icons in SolidJS

Overview:

This product is a collection of 16 icon packs that are ready to use in your projects. It is compatible with Solid Start static generation and SSR, tree shakeable, customizable, and comes with first-class TypeScript support.

Features:

  • 16 Icon packs: A collection of 16 different icon packs.
  • Compatible with Solid Start: Works seamlessly with Solid Start static generation and SSR.
  • Tree shakeable: Only includes the icons you need for efficient tree shaking.
  • Customizable: Easily extend the icons' usefulness by receiving props.
  • Reactivity: Utilizes SolidJS for reacting to changes in props.
  • First class TypeScript support: Fully supports TypeScript for type-safe development.
solid
Solid

SolidJS is a declarative JavaScript library for building user interfaces, offering a reactive programming model for efficient updates. It stands out for its reactivity system that minimizes unnecessary re-renders and its small bundle size, making it a performant choice for developing lightweight and reactive web applications.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

rollup
Rollup

RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.