SVG Icon Library
All SVG icons for Claude Guides. Use with <img> tags or inline SVG.
Icon Naming Convention
- Navigation:
arrow-right.svg,arrow-left.svg,chevron-*.svg - Status:
checkmark.svg,circle-check.svg,x-mark.svg,badge-complete.svg - Content:
book.svg,code.svg,lightbulb.svg,puzzle.svg - Actions:
play.svg,pause.svg,download.svg,rocket.svg - Utility:
settings.svg,info.svg,warning.svg,progress-bar.svg - Social:
github.svg,twitter.svg - Concepts:
brain.svg,chart.svg,database.svg,star.svg - Layout:
diagram-frame.svg
Usage
<img src="../assets/svg/checkmark.svg" alt="Complete" class="icon" />
Styling
All icons use currentColor for flexible coloring:
.icon { color: #2563EB; }
.icon:hover { color: #1E40AF; }