chevron-down
Chevron Down icon · Lucide · <ChevronDown />
chevron-downLucide tags chevron-down with dropdown, slow and backwards. It's in Lucide's Arrows and Gaming categories; similar icons include Arrow Big Down Dash, Circle Chevron Down and Square Chevron Down. The matching icon is Chevron Down in Microsoft's Fluent icons.
24 px, stroke 2
chevron-down.svg
Size, stroke and code
Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.
Stroke width
Size
Chevron Down icon in React
npm install lucide-react
import { ChevronDown } from "lucide-react";
export function Example() {
return <ChevronDown />;
}
Details
| Name | chevron-down |
|---|---|
| Component | ChevronDown (also ChevronDownIcon, LucideChevronDown) |
| Categories | Arrows, Gaming |
| Icon font | icon-chevron-down, U+E06D |
| CSS content | "\e06d" |
| File | lucide-static/icons/chevron-down.svg |
| Grid and stroke | 24 × 24, 2 px stroke, round caps and joins |
| License | ISC License (© Lucide Icons and Contributors) |
Tags
Also in Fluent
Chevron DownMicrosoft's version of this icon, on Fluenticons