New: animation in every style

Icons that make every
screen feel finished.

4,185 original icons in 8 styles and 3 corner shapes, drawn on one 24px grid. Drop them into Figma, or install them for React, Vue, React Native and Flutter.

See pricing
  • Stroke set free
  • Commercial licence
  • Instant download

01 — Why Nuqta

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

Browse icons

One grid, 4,185 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, Bulk 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-pro/react @nuqta-pro/core-stroke-rounded

import { NuqtaIcon } from '@nuqta-pro/react';
import { HomeIcon } from '@nuqta-pro/core-stroke-rounded';

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

02 — Anatomy

Built on one grid, in three corner shapes.

Watch one icon move through Rounded, Standard and Sharp. The skeleton never changes.

Fig.01
Iconcamera
StyleStroke
CornerRounded

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 — 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 keeps working, and you can link it to a new account later.

        

          
          
          

        

      

    

  







  

    

      
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_LICENSE_KEY isn’t set. Set it in the same terminal, then run the install again.
      • 
        
    • 401 Unauthorized Your key isn’t reaching the registry, or it isn’t active. Check that NUQTA_LICENSE_KEY is set in the same terminal, then try again.
      • 
        
    • Builds on Vercel, Netlify or CI Add NUQTA_LICENSE_KEY as an environment variable in that service. The .npmrc file reads it from there.
      • 
        
    • Keep the key private Never paste the key itself into .npmrc or pubspec.yaml. Commit the files with the ${NUQTA_LICENSE_KEY} placeholder only.
      • 
        
    • Free plan The Stroke packages (@nuqta-pro/core-stroke-rounded, -standard, -sharp and nuqta_icons_stroke_…) install without a key.
      • 
      
    
    
    
  
    

    



  
    
    
    Activate your license
    
    
    Paste the key from your purchase email. It unlocks every Pro style, animation and export on this browser.
    
    
    
    
    
    Your key is in your purchase email. One key works on up to 3 browsers (10 for Team).
    
    
    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.
    
      
    Stroke is free forever. Pro and Team unlock every style, animation and package, and 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 Lemon SqueezyCancel anytime from your account
          

    
          
      
          
        
          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. Paste it into Activate license and every Pro style, animation and export unlocks. Free icons never need a key.
          
        
          Can I upgrade from Pro to Team later?
          Yes. Your remaining time on Pro is credited toward Team.