zoom-out

Zoom Out icon · Lucide · <ZoomOut />

zoom-out

Lucide tags zoom-out with magnifying glass and plus. It's in Lucide's Accessibility and Layout categories; similar icons include Zoom In, Circle Arrow Out Down Left and Circle Arrow Out Down Right. The matching icons are Zoom Out in Microsoft's Fluent icons and zoom_out in Google's Material Symbols.

24 px, stroke 2

zoom-out.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 { ZoomOut } from "lucide-react";

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

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

Details

Name	`zoom-out`
Component	`ZoomOut` (also `ZoomOutIcon`, `LucideZoomOut`)
Categories	Accessibility, Layout, Design, Text formatting, Photography
Icon font	`icon-zoom-out`, `U+E1B7`
CSS content	`"\e1b7"`
File	`lucide-static/icons/zoom-out.svg`
Grid and stroke	24 × 24, 2 px stroke, round caps and joins
License	ISC License (© Lucide Icons and Contributors)