100K+ icons, now with animation

One icon set.
Every style your brand needs.

100K+ icons from 4,406 original designs, each in 8 styles and 3 corner shapes on one 24px grid. Drop them into Figma, or install them for React, Vue, React Native and Flutter.

See pricing
  • 13,218 free icons
  • Commercial licence
  • Instant download

The whole library

100K+ icons4,406 × 8 styles × 3 corners = 105,744

01 — Why Nuqta

Everything you need from an icon set. Nothing you have to fix.

Browse icons

One grid, 100K+ icons

Same 24px grid and the same stroke, from a coffee cup to a server rack. Your whole product reads as one system.

Eight styles, one skeleton

Change the weight without changing size, alignment or meaning. Tap a style:

24 × 24

Your brand colour, one click

Duotone, Twotone, Tint and Shift carry an accent layer. Pick a colour and every icon follows. Try it:

Still or animated New

Every icon can draw itself in, stroke by stroke. Export it as animated SVG, MP4, WebM or GIF. Reduced-motion settings are respected.

Ready for React and Flutter

Install from npm or pub, with matching names in the Figma plugin. The Stroke packages need no key.

$ npm i @nuqta/react @nuqta/icons-stroke-round

import { NuqtaIcon } from '@nuqta/react';
import { HomeIcon } from '@nuqta/icons-stroke-round';

<NuqtaIcon icon={HomeIcon} size={24} />
Setup guide

02 — Anatomy

Built on one grid, in three corner shapes.

Watch one icon move through Round, Classic and Sharp. The skeleton never changes.

Fig.01
Iconcamera
StyleStroke
CornerRound

Every line sits on the same 24px grid and shares one stroke weight. That's why thousands of icons still look like a single set.

  1. 00
    One 24px gridEvery icon is drawn on the same grid, with the same padding.
  2. 01
    One stroke weight1.5px by default, adjustable when you export.
  3. 02
    One accent, used with intentColour lands only on the detail that matters.

03 — Use it anywhere

Works where you already design and build.

Read the setup guide
WebSVG

Sharp at every size. Recolour with CSS.

WebAnimated SVG

The animation lives in the file. No library, a few KB.

Video · Decks · SocialMP4 & WebM

WebM keeps a transparent background; MP4 uses a solid one.

Email · Slack · NotionGIF

Plays everywhere. Best at small sizes.

DesignFigma plugin

Search and insert any icon, in any style and corner.

CodeReact & Vue

Typed npm packages, one per style and corner.

AppsReact Native

The same names and props as the web package.

AppsFlutter

A pub package with a NuqtaIcon widget.

04 — AI assistants

Ask Claude or ChatGPT for icons. Get the real ones.

Connect Nuqta once. Your assistant searches the library and pastes real SVGs into the pages and code it builds. No look-alikes drawn from memory.

Full setup guide
    https://nuqtaicons.com/mcp

    Free for the Stroke style in every corner shape. With Pro, your personal URL from the License & setup page unlocks all 8 styles.

    A pro icon library for designers, developers and product teams

    Nuqta Icons is a modern icon set of 100K+ SVG icons (4,406 original designs × 8 styles × 3 corner shapes) for apps, SaaS dashboards and websites. Pick line icons, solid icons, duotone, two-tone or bulk icons, with rounded or sharp corners, then use them in Figma or install them as React, Vue, React Native and Flutter icons. The Stroke set is free for commercial use.

    05 — Get started

    Start free with Stroke.
    Upgrade when you need more.

    Every icon in the Stroke style is free, in all three corner shapes, for personal and client work.

    Browse iconsCompare plans

    Library

    Browse icons

    Corners
    Library››Use in FigmaReport a problem
    
      
    
    
    
  
    
    




    
  
  
    
    
    
      
      
    
        
        
        
        
      
    
    
    
  
    

    



    
  
    
    
    
    
    
      
    
      
    
        
    Profile
    
        
    
          
          
          
          
    
        
    
        
    Sign-in methods
    
      
    
      
    
        
    Password
    
        
    
        
    
          
          
          
          
          
    
        
    
      
    
      
    
        
    Sessions
    
        
    Signed in on a shared or lost device? Log out everywhere and sign in again here.
    
        
    
      
    
      
    
        
    Delete account
    
        
    This removes your account and saved settings. Your license key stays valid: make a new account with the same email to use it again.
    
        
    
          
          
          
    
        
    
      
    
    
    
  
    

    



    
  
    
    
    
      
    License
    Your key for npm, Flutter, the Figma plugin and the website.
    
      Account settings
    
    
    
    
    
    
      
    Set up your project
    
      
    
      
      
    
      
    
      
      
      Troubleshooting
      
      
        
        
      • pnpm says 404 from registry.npmjs.org pnpm ignores .npmrc when NUQTA_TOKEN isn’t set. Set it in the same terminal, then run the install again.
        • 
        
      • 401 Unauthorized Use your access token, not your license key. Log in with the email you bought with to see it on this page. If it still fails, the token isn’t reaching the registry or your plan isn’t active. Check that NUQTA_TOKEN is set in the same terminal, then try again.
        • 
        
      • Builds on Vercel, Netlify or CI Add NUQTA_TOKEN as an environment variable in that service. The .npmrc file reads it from there.
        • 
        
      • Keep the token private Never paste the token itself into .npmrc or pubspec.yaml. Commit the files with the ${NUQTA_TOKEN} placeholder only. If a token leaks, make a new one on your Account page.
        • 
        
      • Free plan The Stroke packages (@nuqta/icons-stroke-round, -classic, -sharp and nuqta_icons_stroke_…) install without a token.
        • 
      
      
    
      
  
      

      



  
      
    
      Activate your license
      
    
      Paste the key from your purchase email. It links to your account and unlocks every Pro style, animation and export wherever you log in.
      
    
    
    
    
    
      One key per buyer. It can’t be used on someone else’s account.
      
    
      Buy a license
      
  
      
      



      
  
      
    
      
      
      Support
      
      
      How can we help?
      
      
      Report a problem, ask for an icon we don't have yet, or tell us about an icon that needs fixing. Every message is read, and we reply by email.
      
    
      
    
      
      
      
        
      
          
          
          
        
      

        
      
          
          
          
      
            
            
      
              
              
            
      
            
      Pick an icon to preview it here.
      
          
      
          
          
      
            
            
          
      
          
          
          
      We reply by email, usually within a couple of days.
      
        
      
      
      

      

      
    
      
  
      

      



      
  
      
    
      
      
      Pricing
      
      
      Start free. Upgrade when you need more.
      
      
      13,218 Stroke icons are free forever. Pro and Team unlock all 105,744 icons, animation and every package, plus every new icon while your plan is active. Cancel anytime.
      
    
      
    
      
      
      
      Prices in USD
    
      
    
      
      
      
        
      Free
      
        
      For trying Nuqta in a real project.
      
        
      $0 forever
      
        
      No account or card needed.
      
        Browse free icons
        
        
      
        
      
        
        
        Pro
        Most popular
        
        
        For designers and developers working solo.
        
        
        
        
        
        
        
          
      
          
      
          
        
          Team
          Up to 10
          
        
          For studios and product teams.
          
        
          
        
          
        
        
            
      
            
    
            
    
            Commercial licence on every planSecure checkout by PolarCancel anytime from your accountBy buying you agree to the terms and refund policy
            

    
            
      
            
        
            IncludedFreeProTeam
            
        
      
            
    
            

    
            
      
            FAQ
            Questions, answered.
            
      
            
        
            Can I use the icons in client work?
            Yes. Every plan, including Free, covers commercial projects for you and your clients. You can't resell or redistribute the icons as an icon set of your own.
            
        
            What's the difference between the plans?
            Free gives you every icon in the Stroke style. Pro unlocks all 8 styles, animation, every export and every package for one person. Team is the same as Pro for up to 10 people.
            
        
            How do updates work?
            New icons are added over time. While your plan is active, they show up on the website, in the Figma plugin and in the npm and Flutter packages automatically.
            
        
            Which file should my developers use?
            The npm packages for React, Vue and React Native, the pub package for Flutter, and animated SVG for websites. MP4, WebM and GIF are for video, presentations and chat tools.
            
        
            How does the license key work?
            After purchase you get a key by email. Log in with the email you bought with, paste the key into Activate license and every Pro style, animation and export unlocks. The key only works on that account, so it can’t be shared. Free icons never need a key.
            
        
            Can I upgrade from Pro to Team later?
            Yes. Your remaining time on Pro is credited toward Team.