skribble_icons_custom

Hand-drawn custom icon set for Skribble.

This package demonstrates how to ship a standalone icon set using the Skribble rough icon pipeline and the svg-manifest kit. The 5 bundled icons are generated from plain SVG source files — no Material or third-party icon dependency required.

Icons

Identifier Codepoint
home 0xe901
search 0xe902
settings 0xe903
star 0xe904
favorite 0xe905

Installation

dependencies:
  skribble: ^0.3.4
  skribble_icons_custom: ^0.1.0

Usage

By codepoint

import 'package:skribble/skribble.dart';
import 'package:skribble_icons_custom/skribble_icons_custom.dart';

WiredIcon.custom(data: kCustomRoughIcons[0xe901]!)

By identifier

import 'package:skribble_icons_custom/skribble_icons_custom.dart';

final data = lookupCustomRoughIconByIdentifier('home');
if (data != null) {
  WiredIcon.custom(data: data)
}

All icons with the code-points map

import 'package:skribble_icons_custom/skribble_icons_custom.dart';

// Iterate all available icons:
for (final entry in kCustomRoughIcons.entries) {
  print('0x${entry.key.toRadixString(16)}');
}

// Iterate all identifier → codepoint entries:
for (final entry in kCustomRoughIconsCodePoints.entries) {
  print('${entry.key}: 0x${entry.value.toRadixString(16)}');
}

Regenerating icons

The icon map is generated by the Skribble rough icon pipeline. To regenerate after editing source SVGs or the manifest:

# from the workspace root
melos run rough-icons-custom

Or run the generator directly:

cd packages/skribble
dart run tool/generate_rough_icons.dart \
  --kit svg-manifest \
  --manifest ../skribble_icons_custom/tool/custom_icons.manifest.json \
  --output ../skribble_icons_custom/lib/src/generated/custom_rough_icons.g.dart \
  --map-name kCustomRoughIcons

Adding icons

  1. Add a 24×24 SVG file to icons/.
  2. Add an entry to tool/custom_icons.manifest.json:
    {
      "identifier": "my_icon",
      "codePoint": "0xe906",
      "svgPath": "../icons/my_icon.svg"
    }
    
  3. Add the identifier → codepoint entry to kCustomRoughIconsCodePoints in lib/skribble_icons_custom.dart.
  4. Run melos run rough-icons-custom.

License

Same as the root Skribble repository — see LICENSE.

Libraries

skribble_icons_custom
Hand-drawn custom icon set for Skribble.