🧑 A beautifully icons library for React.

Overview

⚑ React-Symbols is a library for React with the icons of the VSCode theme "Symbols" by Miguel Solorio (@misolori).

GitHub releases GitHub stars GitHub issues GitHub license Required Node.JS >=16.0.0

πŸŽ‰ Features

  • πŸ“¦ +40 icons.
  • πŸƒ Lightweight.
  • πŸ’™ Ready to use with Typescript.
  • 🧑 SVG optimized and minified.

πŸš€ Getting Started

- Installation

# npm ->
npm install @react-symbols/icons
# snpm ->
snpm install @react-symbols/icons
# pnpm ->
pnpm add @react-symbols/icons
# yarn ->
yarn add @react-symbols/icons

- Usage

import React, { ComponentProps } from 'react';
import { Angular, Astro, Document } from '@react-symbols/icons';

const MyComponent = () => {
  return (
    <>
      <Angular width={128} height={128} />
      <Astro width={128} height={128} />
      <Document width={128} height={128} />
    </>
  );
};

export default MyComponent;

--

⚠️ If you are using Remix, add in the remix.config.js:

module.exports = {
  ...
  serverDependenciesToBundle: ["@react-symbols/icons"], // <-
  ...
};

πŸ“¦ Icons:

πŸ”‘ License

You might also like...
Bytesize Icons as React Components.

Bytesize icons as React components. All the icons were designed by Dan Klammer. Find the original SVG icons here. How to install? npm install --save r

React Material Design Icons – built with Pixo, Styled Components, and Styled System

React Material Design Icons Built with Pixo, Styled Components, and Styled System https://jxnblk.com/rmdi npm i rmdi // import icons individually for

Supercons - A friendly set of open source React icons
Supercons - A friendly set of open source React icons

Supercons A friendly set of open source React icons. β†’ Preview & search the iconset Massive credit to @superbryntendo for the original set of icons &

PureScript bindings for react-icons

purescript-react-icons PureScript bindings for react-icons. Include popular icons in your React projects easily with react-icons, which utilizes ES6 i

Free β€œdo wtf you want with” pixel-perfect icons.
Free β€œdo wtf you want with” pixel-perfect icons.

Iconic is a free β€œdo wtf you want with” set of pixel-perfect icons. Available as basic SVG icons and via first-party React and Vue libraries. Browse a

SVG icons for Ocean DS

Ocean Icons This project is composed of many npm packages for building icons to the Ocean design-system. Installation yarn add @useblu/ocean-icons-rea

A small and simple component to create icons from a rating
A small and simple component to create icons from a rating

Pretty rating React A small and simple library that transform you rating in icons for you web Status Getting started To install as npm dependency npm

Memoized fetch SVG icons from many popular icon sets with editor autocomplete and a Web Component ready to use

icon-svg Memoized fetch SVG icons from many popular icon sets with editor autocomplete and a Web Component ready to use npm i icon-svg pnpm add icon-s

SVG library for React Native, React Native Web, and plain React web projects.
SVG library for React Native, React Native Web, and plain React web projects.

react-native-svg react-native-svg provides SVG support to React Native on iOS and Android, and a compatibility layer for the web. Check out the demo L

Comments
Releases(v1.1.0)
Owner
Pablo Hdez
Front-End Web DeveloperπŸ‘¨β€πŸ’». In ❀️ with React.
Pablo Hdez
A React SVG components library of Framework7 Icons with better usability.

A React SVG components library of Framework7 Icons > npm install react-f7-icons import F7Icon from 'react-f7-icons' export default function Component

Jang Haemin 5 Sep 9, 2021
Akar icons library as React components.

akar-icons A perfectly rounded icon library made for designers, developers, and pretty much everyone. Explore all of our icons at akaricons.com. Get S

Art 379 Sep 5, 2022
React-useanimations is a collection of free animated open source icons for React.js.

React UseAnimations Icons What is react-useanimations? React-useanimations is a collection of free animated open source icons for React.js. Collection

useAnimations 783 Sep 26, 2022
Easily include popular icons in your React projects and provide an easy tool to convert svg into React components

Search SVG Icons. Easily include popular icons in your React projects and provide an easy tool to convert SVG into React components. @icongo

ε°εΌŸθ°ƒθ°ƒβ„’ 14 Sep 24, 2022
svg react icons of popular icon packs

React Icons Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons

null 8.5k Sep 26, 2022
57 SVG icons for CRUD applications, packaged as a React component with light & dark themes and tooltip.

React-CRUD-Icons Β· React-CRUD-Icons is a set of SVG icons for CRUD (Create, Read, Update, Delete) apps, implemented as a React component with light &

Olivier Giulieri 19 Aug 12, 2022
🌈 React component for Iconly icons

?? React Iconly Icons React component for Iconly icons react-iconly is a collection of simply beautiful open source icons for React.js. Each icon is d

Junior Garcia 167 Sep 25, 2022
🎨 Tabler Icons for React

tabler-icons-react A library of React components for Tabler Icons β€” a set of over free 700 open-sourced MIT-licensed icons. Usage The package is avail

Konrad Kalemba 152 Sep 21, 2022
πŸ“¦ This package provides the Simple Icons packaged as a set of React components.

react-simple-icons This package provides a React component for simple-icons. Installation Install the package in your project directory with: // with

Icons Pack 152 Sep 15, 2022
svg social icons in react

react-social-icons A set of beautiful svg social icons. Easily used in React. No images or external css dependencies. Svg paths provided by Squarespac

Jake Trent 300 Sep 30, 2022