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; }