react-huge-icons v1.3.7

Huge Icon React Package

About the package

We are here to convert the Huge Icons package into a ReactJs package. The document of this package

What should we add in the next updates?

To see the next updates, see the CHANGELOG file

Installation

npm i react-huge-icons

or

yarn add react-huge-icons

Usage

import { Archive } from "react-huge-icons/{the mode package}";

All Icons Mode

• bulk
• outline
• solid

Example

import { Archive } from "react-huge-icons/outline";

function App() {
	return (
		<div className="App">
			<Archive />
		</div>
	);
}

export default App;

Change Size Icon

// with TailwindCss
<Archive className="w-12 h-12"/>

// with Bootstrap
<Archive className="w-25 h-25"/>

// with Css Inline in React
<Archive style={{fontSize: "10rem"}}/>

Change Color Icon

// Color property CSS => color: #0ea5e9;

// with TailwindCss // text-red-100 text-white ...
<Archive className="text-primary"/>

// with Bootstrap // text-warning,text-primary ...
<Archive className="text-success"/>

// with Css Inline in React // #0ea5e9 , rgb(14, 165, 233)
<Archive style={{color: "#0ea5e9"}}/>

Add CSS style with class

.my-icon-class{
	width: 10rem;
	height: 10rem;
	color: #0ea5e9; /* or rgb(14, 165, 233) */
}

<Archive className="my-icon-class"/>

Publisher

• Peyman Naderi
• Mohmad Dorqi