How to use Nuqta Icons in Flutter

Each style and corner shape is a Flutter package named nuqta_icons_<style>_<corner>. It pulls in the nuqta_icons widget and flutter_svg for you.

1. Add the package

In pubspec.yaml:

dependencies:
  nuqta_icons_stroke_round:
    hosted: https://nuqtaicons.com/pub
    version: ^1.0.0

Then run flutter pub get. The Stroke style needs no key.

2. Pro styles: add your key once

dart pub token add https://nuqtaicons.com/pub

Paste your access token when it asks. On CI use dart pub token add https://nuqtaicons.com/pub --env-var NUQTA_TOKEN.

3. Use an icon

Icons are named in camelCase on a class named after the style and corners, for example NuqtaStrokeRound.calendar.

import 'package:nuqta_icons_stroke_round/nuqta_icons_stroke_round.dart';

NuqtaIcon(NuqtaStrokeRound.calendar, size: 24, color: Colors.black)

Options

size and color follow IconTheme when you leave them out.
accentColor sets the second color in Twotone and Shift.
strokeWidth changes the line weight. Default 1.5.
semanticLabel is read by screen readers.

How to use Nuqta Icons in Flutter

1. Add the package

2. Pro styles: add your key once

3. Use an icon

Options

More guides

105K+ icons, ready for your next screen.