chevron-left

Chevron Left icon · Lucide · <ChevronLeft />

chevron-left

Lucide tags chevron-left with less than, fewer and <. It's in Lucide's Arrows category; similar icons include Circle Chevron Left, Square Chevron Left and Circle Chevron Down. The matching icons are Chevron Left in Microsoft's Fluent icons and chevron_left in Google's Material Symbols.

24 px, stroke 2

chevron-left.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

npm install lucide-react

import { ChevronLeft } from "lucide-react";

export function Example() {
  return <ChevronLeft />;
}

Xceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

Details

Name	`chevron-left`
Component	`ChevronLeft` (also `ChevronLeftIcon`, `LucideChevronLeft`)
Category	Arrows
Icon font	`icon-chevron-left`, `U+E06E`
CSS content	`"\e06e"`
File	`lucide-static/icons/chevron-left.svg`
Grid and stroke	24 × 24, 2 px stroke, round caps and joins
License	ISC License (© Lucide Icons and Contributors)