Symbols VSCode Icon Theme by Miguel Solorio for React.
The React-Symbols library is a collection of icons for React, inspired by the VSCode theme “Symbols” by Miguel Solorio. It offers over 100 different icons for files and folders, and is compatible with React Server Components (RSC) and Next.js. The library is lightweight, ready to use with TypeScript, and the SVG icons are optimized and minified.
To use the React-Symbols library, make sure you have React version 16.8.0 or higher installed. Then, follow these steps:
Install the library:
npm install react-symbols
Configure the library for use with Remix if you are using Remix with CJS. For version 1, CJS is used by default, while version 2 uses ESM. Here is the configuration code:
// Remix v1 (CJS)
const Symbols = require('react-symbols');
// Remix v2 (ESM)
import Symbols from 'react-symbols';
The React-Symbols library is a useful resource for React developers who want to add icons to their projects. With over 100 icons to choose from, support for React Server Components and Next.js, and compatibility with TypeScript, this lightweight and optimized library is a great addition to any React application. Visit the GitHub repository for more information and to contribute to the project. The library is licensed under MIT.