230+ Line & Duotone Icons For React – Shihab

Description:

Shihab is an icon library that offers 230+ UI icons as components for React apps.

How to use it:

1. Install the Shihab icon library.

# Yarn
$ yarn add react-shihab-icons
# NPM
$ npm install react-shihab-icons

2. Preview all icons here and import an icon of your choice as follows:

import React from 'react';
import { UserCircleIcon } from 'react-shihab-icons';

3. Add the icon to the app.

const Example = () => {
  return <UserCircleIcon />;
};

4. Available props to customize the icons.

• color: Icon color
• variant: ‘Line’ or ‘TwoTone’
• size: Icon size in px

<UserCircleIcon 
  color="#fafaf7" 
  variant="TwoTone" 
  size={48} />;
};

Preview: