The Lucide swatch book icon depicts a book open to display color swatches, commonly used to represent color selection, theme customization, or material design options in user interfaces.
Common uses
- Color picker component
- Theme selection setting
- Product material options
Use it in React
Install
npm i lucide-reactImport & render
import { SwatchBook } from 'lucide-react';
<SwatchBook size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- colorscoloursswatchespantoneshadestinthuesaturationbrightnessthemeschemepalettesamplestextilecarpetswatch
FAQ
- What is the swatch book icon used for?
- It's typically used to indicate options related to colors, themes, or material choices within an application.
- How do I use the swatch book icon in React?
- You can import and use it directly with the statement: `import { SwatchBook } from 'lucide-react'`.
- What is the license for the swatch book icon?
- The Lucide icon library, including the swatch book icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →