Agent skill · laguagu
icons
Find, fetch, and install the right icon or logo from the right source — brand marks, country flags, file-type icons (PDF, DOCX, ZIP), and UI glyphs — and keep them visually consistent with the app. Use when the project's icon library has no match, when svgl comes up empty, or when the user asks for a flag, a file-type badge, a brand logo, or just "an icon for X". Covers the Iconify search API (200k+ icons across flags, file types, logos and UI sets), the svgl shadcn registry for full-colour brand logos, family and stroke-weight matching so a borrowed icon does not look pasted in, and how to reach svgrepo through browser automation when curl and WebFetch are blocked. Triggers on "lisää ikoni", "maan lippu", "flag icon", "PDF icon", "file type icon", "brand logo", "sign in with Google/GitHub", "language switcher", "svgl", "iconify", "find an icon". For overall visual direction rather than sourcing one specific mark, use ui-signature; for installing shadcn components generally, use shadcn.
What it needs
About 7k tokens when loaded.
What this skill does
Sourcing icons An icon is wrong when it is the wrong family, not when it is the wrong shape. Pick the source by what kind of mark it is, then match it to what the app already uses. Route by mark type Need Source Why --- --- --- App UI glyph (menu, upload, search) project's existing library — Lucide in shadcn projects never add a second family for a glyph the current one has Country flag Iconify circle-flags / flag / flagpack real flag geometry, MIT, no emoji-font dependency File type (PDF, DOCX, ZIP) Iconify vscode-icons / catppuccin / material-icon-theme (colour), or lucide:file-text (mono) pick colour or mono to match the surrounding UI, not both Brand logo, full colour, light/dark variants svgl curated, has wordmarks and theme variants Tech / infra logo (OpenShift, Docker, Postgres, Redis) Iconify logos (1800+, CC0), devicon, skill-icons svgl has almost none of these; logos covers the whole stack in colour Brand logo, monochrome long tail Iconify simple-icons (3400+, CC0) covers brands svgl does not Anything else Iconify search across all sets 200k+ icons, one API Check the project's own library first: lucide:file-text, lucide:flag, lucide:file and friends exist, and one family stays one family. Iconify — the general engine Public API, no auth, no key. Search returns prefix:name ids. Browse visually at https://icon-sets.iconify.design when the user should choose. The collections response carries each set's licence — nearly all of them are permissive; Twemoji is CC BY 4.0 and needs visible attribution, which is the one that costs you something. Iconify SVGs come out at width="1em" height="1em", and monochrome sets use currentColor — so className="size-4 text-muted-foreground" just works in Tailwind. Colour sets (vscode-icons, circle-flags, twemoji) ignore currentColor by design. Getting them into the project Default: write the SVG to a file and inline it. No runtime dependency, no network call, no bundle growth beyond the markup. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills laguagu/icons