Giter Club home page Giter Club logo

react-unicons's Introduction

React Unicons

4,500+ Pixel-perfect vector icons as React Components. These icons are designed by IconScout.

Getting Started

You can easily install react-unicons using npm.

npm install --save @iconscout/react-unicons

Or using yarn

yarn add @iconscout/react-unicons

Usage

Use individual icons

import React from 'react';
import UilReact from '@iconscout/react-unicons/icons/uil-react'

const App = () => {
  return <UilReact size="140" color="#61DAFB" />
};

export default App;

You can customize icons as below:

<Unicons.UilReact size="140" color="#61DAFB" />

Usage as full Package

import React from 'react';
import * as Unicons from '@iconscout/react-unicons';

const App = () => {
  return <Unicons.UilReact />
};

export default App;

More ways

Contributing

We will be happy to have community support for Unicons. Feel free to fork and create pull requests. We have given a small roadmap above so that you can help us build these features.

Request icons

Can't find the icon you are looking for? No worries, we will design it for you. And we'll be happy to design them in upcoming weeks.

Request Icon

License

Unicons are Open Source icons and licensed under IconScout Simple License. You're free to use these icons in your personal and commercial project. We would love to see the attribution in your app's about screen, but it's not mandatory.

React Unicons by <a href="https://iconscout.com/">IconScout</a>

react-unicons's People

Contributors

aravindballa avatar bez4pieci avatar eddiecooro avatar rankarpan avatar tarunmangukiya avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

react-unicons's Issues

TypeScript support

I believe that putting support for TypeScript can help popularize the icons.

Use with Tailwind

Hey guys, we love the icons !! Thanks for the great work.

We use Tailwind on our app to handle all the branding and I was wondering how to use the package with Tailwind since the color argument would in a hex code where Tailwind would rather pass colors in className.

Thanks for the help ๐Ÿ‘‹ ๐Ÿ‡ซ๐Ÿ‡ท

qr-scan icon missing, fewer icons in package

didn't manage to find this icon and my project needs it, is there a particular reason for this? can you guys add it please. i noted there is fewer icons available than in the FREE version of the style sheet.

import * as Unicons from "@iconscout/react-unicons";

//usage
<Unicons.Uil... size="20px" /> //the elipsis marks that the icon package for qr-scan couldnt be found

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.