storkly_icons

Soft, rounded SVG icon set for the Storkly baby and family app — 49 monochromatic icons that tint to your theme via BlendMode.srcIn.

Install

flutter pub add storkly_icons

Or add it manually:

dependencies:
    storkly_icons: ^0.1.0

The package bundles its SVG assets and declares them in its own pubspec.yaml, so you do not need to copy assets or add anything to your app's flutter.assets block.

Usage

import 'package:flutter/material.dart';
import 'package:storkly_icons/storkly_icons.dart';

class Example extends StatelessWidget {
  const Example({super.key});

  @override
  Widget build(BuildContext context) {
    return Row(
      children: [
        StorklyIcon(StorklyIcons.sleep, size: 24, color: Colors.indigo),
        StorklyIcon(StorklyIcons.bottle),
        StorklyIcon.byName('head-circumference', size: 32),
      ],
    );
  }
}

StorklyIcon inherits the surrounding IconTheme, so a single IconTheme (or IconButton) can tint a whole subtree — no per-icon color: needed.

IconTheme(
  data: const IconThemeData(color: Colors.pinkAccent, size: 28),
  child: Row(
    children: const [
      StorklyIcon(StorklyIcons.baby),
      StorklyIcon(StorklyIcons.feeding),
      StorklyIcon(StorklyIcons.diaper),
    ],
  ),
)

If you'd rather render the SVG yourself (e.g. with a custom flutter_svg configuration), use the asset path directly:

import 'package:flutter_svg/flutter_svg.dart';

SvgPicture.asset(
  StorklyIcons.sleep.assetPath,
  package: 'storkly_icons',
  width: 24,
  height: 24,
  colorFilter: const ColorFilter.mode(Colors.blue, BlendMode.srcIn),
)

API

Export	Type	Description
`StorklyIcon`	`StatelessWidget`	Renders a `StorklyIconData` and inherits `IconTheme`.
`StorklyIcon.byName`	factory	Looks up by kebab-case name; throws `ArgumentError` on unknown names.
`StorklyIcons.<name>`	`StorklyIconData`	One constant per icon (e.g. `StorklyIcons.sleep`, `StorklyIcons.headCircumference`).
`StorklyIcons.all`	`Map<String, StorklyIconData>`	Map keyed by kebab-case name.
`StorklyIcons.values`	`List<StorklyIconData>`	Alphabetical list of every icon.
`StorklyIcons.byName(name)`	function	Typed lookup; throws on unknown name.
`StorklyIconData`	class	`{ name, assetPath }`.

Design contract

Attribute	Value
`viewBox`	`0 0 24 24`
Hardcoded colors	not allowed (only `currentColor` is permitted)

Designed for legibility at 20–24 px. StorklyIcon repaints rendered pixels with BlendMode.srcIn, so the source's own fill/stroke is irrelevant — your color (or surrounding IconTheme) wins.

Icon gallery

All 49 icons — click to expand

_activity	_baby	_baby-boy	_baby-girl	_bathing	_bottle	_calendar
_car-seat	_care	_check	_cheerful	_close	_crying	_diaper
_doctor-visit	_family	_father	_feeding	_fine	_growth	_{head-circumference}
_health	_height	_illnesses	_length	_measurement	_medications	_medicine
_milestone	_mood	_more	_mother	_note	_nursing	_parent
_play	_plus	_pumping	_reminder	_sad	_sleep	_solids
_stroll	_stroller	_temperature	_travel	_tummy-time	_vaccinations	_weight

Other platforms

This package is the Flutter surface of a multi-platform icon set. TypeScript (@storkly/icons), Android VectorDrawable, and iOS variants are generated from the same source SVGs — see the storkly-ai/icons repository.

License

CC BY-ND 4.0