SDARM Brand Book — Chapter 12: Iconography

12.1 — Principles of iconography

What defines an
SDARM icon

SDARM icons are not decorative. They are functional. Every icon exists to communicate a function, a location or an action — with immediate clarity, needing no further explanation.

Immediate clarity

An icon must be recognized in 0.3 seconds — the average time the eye gives an element before deciding whether it matters.

Visual consistency

All the icons share the same stroke weight, the same corners and the same logic of construction. A coherent set looks like a family.

Cultural neutrality

Across 127 countries an icon cannot depend on local cultural references. The system uses universal metaphors — form, direction, containment, opening.

The system adopts the stroke-only (outline) style with rounded corners — no fills, no gradients, no shadows. That is what makes it work at any scale, on any background color and on any medium.

The technical reference derives from the Lucide Icons standard, adapted to the SDARM parameters: a stroke-width of 1.5px at 20×20px, corners with stroke-linecap: round and stroke-linejoin: round.

Icons vs. emoji

Emojis are never used in institutional materials — in no context at all. SVG icons from the official system replace any emoji in posts, banners, documents and signage. The only exception is informal communication inside internal groups — never in published material.

Section 12.1 · Principles of iconography

"Cinematic close-up of minimal line icons printed on cream paper sheets on a desk, pencil sketches beside them, warm window light, film grain, low saturation, no text visible, 4:3"

12.2 — Style and construction

Stroke-only · grid
and proportions

Every icon is built on a 20×20px grid with a 16×16px live area and a 2px margin. The technical parameters are fixed — there is no variation between icons in the system.

Construction grid · 20×20px

Canvas20 × 20px

Live area16 × 16px

Margin2px (all sides)

Stroke width1.5px

Stroke linecapround

Fillnone

Behavior at scale

16px

24px

32px

48px

64px

On different backgrounds

White

Cream

Blue

Deep

12.3 — Icon library

56 icons in 8 categories —
search · filter · copy SVG

Click any icon to see its details and copy the SVG. Use the search and the filters to find the right icon quickly.

56 icons

Section 12.3 · Icon library

"Documentary overhead photo of printed icon sheets arranged in a neat grid on a wooden table, hands sorting them, modest long sleeves, warm light, film grain, low saturation, no text visible, 16:9"

12.4 — Sizes and scale

From 16px to 96px —
when to use each size

Size defines function. A 16px icon sits inside the text. A 96px one leads the signage. Never use a scale that is wrong for the context.

16px Inline in text · labels · tooltips · metadata Absolute minimum

20px Navigation · buttons · search fields · interface Interface standard

32px Social posts · features · section headers Most used

48px Internal signage · A4 materials · posters Internal signage

64px+ External signage · door plates · banners External signage

Stroke-width at scale

Lucide Icons uses stroke-width="2" in a 24x24px viewBox. When scaled through CSS width/height, the stroke scales proportionally — there is no need to redraw the icon. For offset printing above 100mm, the line is already thick enough.

Section 12.4 · Sizes and scale

"Close-up of a printed sheet showing the same simple line icon at increasing sizes, ruler beside it, warm side light, shallow depth of field, film grain, low saturation, no text visible, 4:5"

12.5 — Colors and backgrounds

Approved combinations
of icon and background

The icons exist in four color versions only — each approved over specific backgrounds. There are no variations beyond these.

Approved

Blue #0F3999

On white, cream or offwhite

Approved

White #FFFFFF

On blue or deep blue

Approved

Gold #EFD19F

On deep blue only

Disabled only

Gray #6D6963

Inactive states only

No other color

Icons never appear in other colors of the palette — not in the departmental colors, not in green or red, except in editorial correct/incorrect contexts. Regulatory emergency icons follow local standards — the one exception permitted.

12.6 — Signage icons

A system for churches —
18 icons of mandatory use

A subset of 18 icons at a minimum size of 48px, always accompanied by text in Noto Sans Medium 14pt or larger. Default background: blue #0F3999.

Entrance

Exit

Restrooms

Parking

Accessibility

Auditorium

Sabbath School

Children

Youth

Reception

Office

Canteen

Prayer Room

Library

First Aid

Wi-Fi

Pastor's Office

Location

Signage rule

In church signage the icon never appears alone — it is always accompanied by text in Noto Sans Medium 14pt minimum. Standard: blue background #0F3999 with icon and text in white. Approved alternative: white background with a blue icon and deep blue text.

12.7 — Correct and incorrect use

What never to do
with the icons

The most common errors come from attempts at local customization — which destroy consistency without adding anything.

Correct

Church

Official color · standard stroke · with label

Official Lucide icon, approved color (#0F3999), accompanied by text, at a size suited to the context of use.

Forbidden

The same church

Wrong color · shadow · no label

Unapproved color, added shadow, no supporting text. Three violations of the system at once.

Correct — blue background

Reception

White icon on blue

On a blue background the icon is always white. Never blue on blue — the contrast is insufficient for accessibility.

Forbidden — emoji

🏛️

Emoji used as an icon

An unacceptable substitution

Emojis never replace system icons in institutional materials — in no published context.

Correct — inline size

Sabbath worship at 9 a.m.

16px inline in the text — the icon accompanies the text without dominating it, on the same line height.

Forbidden — wrong scale

Sabbath worship at 9 a.m.

A signage icon (48px) in the middle of running text. The wrong scale — it interrupts the reading and breaks the visual hierarchy.

12.8 — Production and export

Lucide Icons — license · formats
and optimization

The SDARM system uses Lucide Icons as its official library. MIT license — free for commercial, institutional and editorial use, without restriction.

License

MIT License — free to use in any project, including the Church's commercial and institutional materials. No attribution is required in final materials.

lucide.dev · github.com/lucide-icons/lucide

For web and HTML

Via CDN or npm. In HTML, use the tag <i data-lucide="nome"></i> with the Lucide script loaded.

lucide.createIcons();

For Figma and Illustrator

Download individual SVGs at lucide.dev or install the official Lucide plugin in Figma. Each icon is a clean SVG with an editable stroke.

Figma plugin: "Lucide Icons" · free on the Figma Community

Adjustment parameters for SDARM

Lucide icons use stroke-width="2" by default in a 24×24px viewBox. For SDARM applications, reducing it to stroke-width="1.5" keeps the line lighter and more elegant, consistent with the visual tone of the brand. In Figma, select the component and adjust the stroke in the properties panel. In CSS: stroke-width: 1.5 applied to the element or through a global class.

Icons are the silence
between the words.

Function, not decoration

Every icon solves a problem of communication. If it is not serving a clear function — to inform, to direct, to categorize — it does not belong in the piece.

Global consistency

The same Lucide icons in São Paulo, Lagos and Berlin. Iconographic consistency is what makes a system look considered — rather than assembled from different sources.

Stroke as identity

Lucide's stroke-only line works at any scale, in any color and on any medium — without exception. 1,400+ icons to the same rigorous visual standard.

Brand Manager's Note

"A well-made set of icons is invisible — the reader simply understands. When someone has to stop and interpret an icon, the system has failed. With Lucide we have 1,400 professional icons, free of charge, with the same visual DNA — ready for immediate use on any medium."

Hugo Cibalde

Brand Manager

Seventh Day Adventist Reform Movement

General Conference · 2026

What defines anSDARM icon

Stroke-only · gridand proportions

56 icons in 8 categories —search · filter · copy SVG

From 16px to 96px —when to use each size

Approved combinationsof icon and background

A system for churches —18 icons of mandatory use

What never to dowith the icons

Lucide Icons — license · formatsand optimization

What defines an
SDARM icon

Stroke-only · grid
and proportions

56 icons in 8 categories —
search · filter · copy SVG

From 16px to 96px —
when to use each size

Approved combinations
of icon and background

A system for churches —
18 icons of mandatory use

What never to do
with the icons

Lucide Icons — license · formats
and optimization