@gravitguru/icons

Enhance your web projects with the @gravitguru/icons package – a carefully curated collection of professional website icons available in HTML, React, and SVG formats. Elevate your user interface effortlessly with these versatile and stylish icons.

Installation

Get started with @gravitguru/icons in your React, Vite + React, or Node.js-based project in just a few simple steps:

> yarn add @gravitguru/icons
# or
> npm install @gravitguru/icons --save

after install stop the server 
---------------------------

> ctr + c
> y (enter)

again start the server 
---------------------------
> npm run dev
#or
> npm start 

Example Usage:

import React from 'react';
import '@gravitguru/icons'; //use your main file

function YourComponent() {
  return (
    <div>
   <i className="icon-angle-left-circle-lite"></i>
   <i className="icon-angle-left-circle-reg"></i>
   <i className="icon-angle-left-circle-fill"></i>
    </div>
  );
}

Icons

The @gravitguru/icons package includes icons from various libraries, providing a wide range of choices to suit your project. Here are some of the included icon libraries:

Usage Guidelines

To customize the icon style, change the class or className and adjust attributes. Explore our website to find icon names and properties. For different icon styles, modify the icon name by changing the suffix (-fill, -reg, -lite). The package supports three different icon styles.

Configuration

import '@gravitguru/icons'

(or)

import { IconContext } from "@gravitguru/icons";
<IconContext.Provider value={{ color: "blue", className: "custom-icon" }}>
  <div>
    <i className="icon-angle-left-circle-fill"></i>
  </div>
</IconContext.Provider>;

License This project is licensed under the MIT License.

Note: Icons are sourced from various projects, so please check each project's licenses accordingly. Keywords

gravitguru, graviticons, reacticons, line icons, regular icons, 2024 icons, new style, free icons, front end```