The Lucide quote icon visually represents a quotation mark, commonly used in UIs to denote dialogue, citations, or user-generated text.
Common uses
- Indicating a user's comment or review
- Styling blockquotes in content
- Labeling dialogue boxes or speech bubbles
Use it in React
Install
npm i lucide-reactImport & render
import { Quote } from 'lucide-react';
<Quote size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- quotationquotequotation markspeech bubbledialoguecitation
FAQ
- What is the quote icon used for?
- It's used to visually signify quoted text, dialogue, or user-generated content like reviews.
- How do I use the quote icon in React?
- You can import it from 'lucide-react' like this: import { Quote } from 'lucide-react'.
- What is the license for the Lucide quote icon?
- The Lucide icon library, including the quote 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 →