Skill LibraryPrompt Skill1 DesignsTop Views

Icon Source Governance

Choose primary icon sets and govern license/trademark checks, import strategy, and accessible naming for product icons, brand logos, and aggregated SVG resources.

Skill Uses0

Recorded selections across prompt workflows.

Public Designs1

Ranked by views, then community favorites.

Prompt Lines7

Reusable instruction lines for generation.

Author@Interface Lab

Asset

Skill Directive

Description

Choose primary icon sets and govern license/trademark checks, import strategy, and accessible naming for product icons, brand logos, and aggregated SVG resources.

TagsAsset

Skill Prompt

- Inputs must include product tone, UI density, icon roles (navigation/action/status/brand/empty state), sizes, existing icon set, technical framework, and whether real brand logos are needed.
- Choose one primary icon set and lock rules first: grid, viewBox, stroke/fill, caps, radius, default size, hover/disabled states, and text pairing; do not mix Lucide, Tabler, Iconoir, Radix, and similar sets without normalization.
- Verify licensing by source: record project license for ordinary icon sets; check by set or file for Iconify, SVG Repo, and other aggregators; for Simple Icons and brand logos, also check trademark, brand guidelines, and endorsement risk.
- Use a tree-shakable import strategy: import individual icons in React, keep SVG on `currentColor` with a stable viewBox, and separate touch-target size from visual icon size.
- Accessible naming depends on purpose: decorative icons are `aria-hidden`; icon-only buttons need an `aria-label` and tooltip; status icons must be paired with text instead of relying only on color or shape.
- Deliver an icon source matrix, license/trademark record, primary/secondary set boundaries, component wrapper API, import examples, a11y naming rules, and QA checklist.
- Do not auto-recommend an icon for production UI when brand usage, trademark boundary, aggregator asset license, or accessible name cannot be confirmed.

Public directive summary shown; Pro unlocks the full prompt.

Layout Info

Designs below are ordered by views. Top items use live previews; the rest stay fast thumbnail cards.

Unlock Pro All Skills

Icon Source Governance

More pages using Icon Source Governance