storkly_icons 0.1.0
storkly_icons: ^0.1.0 copied to clipboard
Soft, rounded, stroke-based SVG icon set for the Storkly baby and family app — 49 currentColor icons that tint to your theme.
storkly_icons #
Soft, rounded, stroke-based SVG icon set for the Storkly baby and family app — 49 currentColor icons that tint to your theme.
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 #
Every icon respects the same visual contract so it can be tinted on any platform:
| Attribute | Value |
|---|---|
viewBox |
0 0 24 24 |
fill |
none |
stroke |
currentColor |
stroke-width |
2 |
stroke-linecap |
round |
stroke-linejoin |
round |
Designed for legibility at 20–24 px, with no hardcoded colors anywhere.
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 #
Apache-2.0