Foundations
Iconography.
Sprout blends Lineicons Pro (Aceve has a perpetual license) with custom Aceve icons — one consistent set across every Aceve product, drawn at 24×24 with currentColor strokes and rounded caps. Custom icons override Lineicons of the same name. Click any tile to copy.
Lineicons Pro · 98 icons · perpetual licenseAceve custom · 1 icons · proprietary
Install Lineicons
One library, three ways to ship it. Pick the integration that fits your stack.
01
React package
Recommended for all Aceve product apps.
# install
npm install lineicons-react
# use
import { LiHouse, LiSearch, LiBell } from "lineicons-react";
<LiHouse size={20} />
<LiSearch size={20} className="text-ink-2" />Tree-shakable per-icon imports. Renders inline SVG so currentColor,size, and any className flow through unchanged.
02
Webfont via CDN
For docs, marketing pages, or non-React surfaces.
<!-- in <head> --> <link rel="stylesheet" href="https://cdn.lineicons.com/5.0/lineicons.css"> <!-- in markup --> <i class="lni lni-home"></i> <i class="lni lni-search"></i>
Sized via font-size, coloured via color. Use only when you can't pull in a JS bundle.
03
Raw SVG
For Figma, email templates, or one-off design work.
# clone or download git clone https://github.com/LineiconsHQ/free-icons # pick the file you need from /svg free-icons/svg/home-2.svg free-icons/svg/search.svg
Drop the SVG into your design tool or paste it inline. Stroke is alreadycurrentColor so it inherits Aceve ink colours automatically.
Drawing rules
Match these when adding a custom icon that has to live alongside Lineicons.
LibraryLineicons 5.x — single source of truth
Viewbox24 × 24 (also rendered cleanly at 16, 18, 20)
Stroke2px, currentColor — never hard-coded
Capsround
Joinsround
Fillnone — outline only, single layer
Optical alignmentTrim to a 22×22 inner box; leave 1px breathing room
Namingkebab-case, verb or noun — match Lineicons where possible