QuantIcons

QuantIcons is a customizable, high-quality icon library designed to bring a modern touch to your web and mobile applications. With a collection of clean, scalable, and responsive icons, QuantIcons makes it easy to integrate intuitive visuals into your projects. Whether you're building a sleek dashboard, a data visualization platform, or any other UI component, QuantIcons offers a versatile set of icons to enhance your design and user experience.

Features

• Scalable & Responsive: SVG-based icons that scale perfectly on any screen size.
• Customizable: Easily adjust sizes, colors, and styles to fit your project needs.
• Lightweight: Optimized for performance with a minimal footprint.
• Easy to Use: Simple installation and integration with any modern front-end framework.

Installation

Start using QuantIcons today and elevate your interface design with beautiful, intuitive icons! You can install QuantIcons via npm:

npm install @quantum-networks/quant-icons --save

Usage

We offer two distinct types of icon components:

• QuantIcons: Designed for UI elements such as Home, Notifications, Dashboard, and similar interface icons.
• QuantAppIcons: Intended for app-based icons, including Facebook, Google, Instagram, YouTube, and others.

Quantum Icons

QuantIcons is available in four styles: Line, Solid, Duo, and Bulk. You can customize the icon size and color using prop values. Below is an example of how to use it.

import { QuantIcons } from "@quantum-networks/quant-icons";

<QuantIcons iconName="dashboard" variant="bulk" size={24} color="#f36f21"/>

Quantum App Icons

QuantIcons is available in four styles: Round, Squircle, and Free. You can customize the icon size prop values. Below is an example of how to use it.

import { QuantAppIcons } from "@quantum-networks/quant-icons";

<QuantAppIcons iconName="google" variant="squ" size={24}/>