List of customizable icons

Copy

• Copy for LLM

  Copy page as Markdown for LLMs
• View as Markdown

  Open this page as Markdown
• Open in ChatGPT

  Get insights from ChatGPT
• Open in Claude

  Get insights from Claude

Icon Properties

All icons in the theme package share these common properties:

• color (string) - optional color property that can be set using CSS color variables
• size (string) - optional size property
• className (string) - optional CSS class name
• standard SVG properties (inherited from React.SVGProps<SVGSVGElement>)

Import

import { iconName } from '@redocly/theme/icons/{iconName}/{iconName}';

Font Awesome Icons

For Font Awesome icons in React components, see the dedicated Font Awesome Icons component documentation.

Resources

• List of customizable components - Browse all available built-in React components that you can customize and extend in your projects
• Font Awesome Icons component - Use Font Awesome icons in React components with full CDN support and customization options