f5792c40be
Pulled ALL skills from 15 source repositories: - anthropics/skills: 16 (docs, design, MCP, testing) - obra/superpowers: 14 (TDD, debugging, agents, planning) - coreyhaines31/marketingskills: 25 (marketing, CRO, SEO, growth) - better-auth/skills: 5 (auth patterns) - vercel-labs/agent-skills: 5 (React, design, Vercel) - antfu/skills: 16 (Vue, Vite, Vitest, pnpm, Turborepo) - Plus 13 individual skills from various repos Mosaic Stack is not limited to coding — the Orchestrator and subagents serve coding, business, design, marketing, writing, logistics, analysis, and more. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
47 lines
809 B
Markdown
47 lines
809 B
Markdown
---
|
|
name: icons
|
|
description: Using open-source icons in slides
|
|
---
|
|
|
|
# Icons
|
|
|
|
Use any open-source icon directly in markdown. Powered by unplugin-icons and Iconify.
|
|
|
|
## Installation
|
|
|
|
```bash
|
|
pnpm add @iconify-json/[collection-name]
|
|
```
|
|
|
|
## Usage
|
|
|
|
Use component syntax `<collection-icon-name />`:
|
|
|
|
```md
|
|
<mdi-account-circle />
|
|
<carbon-badge />
|
|
<uim-rocket />
|
|
<logos-vue />
|
|
```
|
|
|
|
## Popular Collections
|
|
|
|
- `@iconify-json/mdi` - Material Design Icons
|
|
- `@iconify-json/carbon` - Carbon Design
|
|
- `@iconify-json/logos` - SVG Logos
|
|
- `@iconify-json/twemoji` - Twitter Emoji
|
|
|
|
## Styling
|
|
|
|
Style like any HTML element:
|
|
|
|
```html
|
|
<uim-rocket class="text-3xl text-red-400 mx-2" />
|
|
<uim-rocket class="text-3xl text-orange-400 animate-ping" />
|
|
```
|
|
|
|
## Browse Icons
|
|
|
|
- https://icones.js.org/
|
|
- https://icon-sets.iconify.design/
|