reicon_flutter 1.0.1

Official Reicon icons for Dart & Flutter — 2700+ handcrafted, pixel-perfect SVG icons in Outline and Filled. MIT licensed.

Reicon for Dart & Flutter

2700+ handcrafted, pixel-perfect SVG icons in Outline and Filled weights. Free, open-source, MIT licensed.

Install • Usage • API • Naming • Related • Browse Icons

---

Overview

reicon_flutter is the official Dart & Flutter package for Reicon — the icon library designers actually want.

2700+ precision-crafted, open-source SVG icons, all hand-drawn on a strict 24×24 grid. No auto-generation, no AI shortcuts — just obsessive attention to detail. Every icon ships in two weights — Outline (1.5px stroke) and Filled (solid).

Use it with any SVG renderer in Dart, Flutter, or server-side projects.

Weight	Icons	Accessor
Outline	2674	Reicon.outline.*
Filled	2674	Reicon.filled.*

---

Install

Add to your pubspec.yaml:

dependencies:
  reicon_flutter: ^1.0.0

dart pub get
# or for Flutter: flutter pub get

---

Usage

import 'package:reicon_flutter/reicon_flutter.dart';

Get SVG path data

// Outline weight (default)
String homePath = Reicon.outline.home;

// Filled weight
String settingsPath = Reicon.filled.settings;

Build a complete SVG string

String svg = reiconSvg(
  Reicon.outline.star,
  size: 32,
  color: '#d97757',
);

// Result: '<svg xmlns="..." width="32" height="32" ...><path d="..."/></svg>'

Use with Flutter + flutter_svg

import 'package:flutter_svg/flutter_svg.dart';

SvgPicture.string(
  reiconSvg(Reicon.outline.heart, size: 24),
  colorFilter: ColorFilter.mode(Colors.red, BlendMode.srcIn),
)

Look up by name at runtime

String? icon = Reicon.outline['home'];  // SVG path or null

Iterate over all icons

for (String name in Reicon.outline.names) {
  print('$name: ${Reicon.outline[name]}');
}
print('Total: ${Reicon.outline.length} icons');

---

API

Reicon

Entry point. Static accessors for each weight:

Member	Return type	Description
Reicon.outline	ReiconWeight	All icons in Outline weight
Reicon.filled	ReiconWeight	All icons in Filled weight

ReiconWeight

Access icons within a weight:

Member	Return type	Description
weight.name	String	Display name ("Outline" / "Filled")
weight.length	int	Number of icons
weight.names	Iterable<String>	All icon names
weight[iconName]	String?	Look up by name
weight.iconName	String	Direct getter for each icon (e.g. home, settings)

reiconSvg()

String reiconSvg(String pathData, {int size = 24, String color = 'currentColor'})

Wraps raw SVG path data in a complete <svg> tag.

---

Icon Naming

Icons use camelCase derived from their original kebab-case names:

Original (kebab)	Dart constant
arrow-down	Reicon.outline.arrowDown
arrow-down-2	Reicon.outline.arrowDown2
3d-box	Reicon.outline.i3dBox
align-center-h	Reicon.outline.alignCenterH
user-circle	Reicon.outline.userCircle

Names starting with a digit are prefixed with i (e.g. 3d-box → i3dBox).

---

Related Packages

Package	Description
reicon	Core vanilla JS + CDN
reicon-react	React components
reicon-vue	Vue 3 components
reicon-svelte	Svelte components
reicon-react-native	React Native components
reicon-figma	Figma plugin
reicon-vscode	VS Code extension

---

Links

• 🌐 Website & icon browser: reicon.dev
• 📖 Documentation: reicon.dev/docs
• 🐙 GitHub: github.com/dqev/reicon
• 🐛 Issues: github.com/dqev/reicon/issues

---

License

MIT © Dev Chauhan. Free to use in personal and commercial projects.