Skip to content
SproutAceve · v3.7.0
Get started
OverviewWhat is your role?Adopting SproutGetting startedInstallChangelogv3.7
Foundations
Brand & logosColorTypographySpacing & layoutElevationIconography
Components
OverviewButtonsInputs & formsData gridRibbon toolbarNavigation
Practice
Interaction & motionVoice & contentProduct patternsAI patterns
People & ethics
Design principlesPersonasUX ethicsTrust & direction
Playground
Build the systemplayTower of tokensplay
Behind the system
How it works
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
99 icons · click to copy as <svg>

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.

Free for commercial use under the Lineicons license.
Pin to a major version — we currently ship against lineicons@5.
lineicons.com

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
← PreviousElevationNext →Buttons
Sprout · Aceve Design System · v3.7.0
Figma library GitLabReleases