Over 100k+ icons from various vendors
Available Platforms
Stay Focused and get the icon you need within your design app.
React Application
NPM Package for React applications with 100k iconsNext js Application
Next js server & client components with 100k iconsFigma Plugins
Plugins available for Figma Design tools with 100k iconsReact Native
NPM packages available for React Native Applications with 100k iconsDesktop Applications
Cross Platform - Windows, MacOS & Linux DevelopSVG Icons
High Quality vector svg icons available for downloads
Pricing Made Simple
Stay Focused and get the icon you need within your design app.
Free
$00
One Time Payments
Basic
$100
One Time Payments
Team
$300
One Time Payments
6 Different Style
Choose from regular, solid, thin, colored, light and brands
Color Customization
Customize your preferred colors using hex values
3 Different Format
Use inside your projects or download svg and png files
Cross Platform
Available on web, mobile & desktop, no matter the OS
Start Your Project With iconview
Stay Focused and get the icon you need within your design app.
This is React/Nextjs Documentations
How to use IconView Icons in your projects.
STEP 1 Install NPM Package
npm i iconviewSTEP 2 Import NPM Package into your file
const nextConfig = {
transpilePackages: ['iconview'],
};STEP 3 Search & Import Icon into Your Page. Example:
import { Facebook_Fab } from "iconview/svgs/Facebook_Fab";import { Wifi_Fas } from "iconview/svgs/Wifi_Fas";STEP 4 Copy and Paste the style.css Into your global.css file, add at the top --
global.css
@import "iconview/style.css"The Page will look like -
import { Facebook_Fab } from "iconview/svgs/Facebook_Fab"
import { Sun_Far } from "iconview/svgs/Sun_Far"
// Note That Most icon is Less than - 1kb icon
export default function Home() {
return (
<div>
<Facebook_Fab/>
<Sun_Far className="sun" color="blue" onClick={handleClick} />
</div>
)
}