launchshots / icons / lucide / layers-arrow-down

Layers Arrow Down

Lucide ISC License
send to back send backward back background bottom bottommost lower demote behind reorder arrange stack stacking z-index depth graphics design
Drop into editor

Copy the code

<!-- @license lucide-static v1.31.0 - ISC --> <svg class="lucide lucide-layers-arrow-down" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="M12 7v15" /> <path d="M2 12a1 1 0 00.58.91l5.093 2.316" /> <path d="M22 12a1 1 0 01-.59.92l-5.077 2.308" /> <path d="M8 10.37 2.6 7.91a1 1 0 010-1.831l8.57-3.9a2 2 0 011.66.001l8.59 3.91a1 1 0 010 1.831l-5.392 2.45" /> <path d="m9 19 3 3 3-3" /> </svg>
<!-- Layers Arrow Down icon (Lucide) --> <!-- @license lucide-static v1.31.0 - ISC --> <svg class="lucide lucide-layers-arrow-down" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="M12 7v15" /> <path d="M2 12a1 1 0 00.58.91l5.093 2.316" /> <path d="M22 12a1 1 0 01-.59.92l-5.077 2.308" /> <path d="M8 10.37 2.6 7.91a1 1 0 010-1.831l8.57-3.9a2 2 0 011.66.001l8.59 3.91a1 1 0 010 1.831l-5.392 2.45" /> <path d="m9 19 3 3 3-3" /> </svg>
import { LayersArrowDown } from 'lucide-react'; export default function MyComponent() { return <LayersArrowDown size={24} strokeWidth={2} color="currentColor" />; }

Use this icon in your App Store screenshots

Open LaunchShots editor with this icon already dropped in as a sticker — resize, recolor, and ship.

Open in editor →

About the Layers Arrow Down icon

The Layers Arrow Down icon is part of the Lucide open-source icon set — a curated, consistent library used by indie devs and design teams. Lucide draws every icon on a 24×24 grid with a 2px stroke, so this Layers Arrow Down icon will sit visually next to any other Lucide icon without retouching.

Search keywords related to this icon: send to back, send backward, back, background, bottom, bottommost, lower, demote, behind, reorder, arrange, stack, stacking, z-index, depth, graphics, design. If you're looking for a similar mark, the related grid below shares tags with this one.

Need it in a screenshot, mockup, or App Store preview? The Drop into editor button above opens the LaunchShots screenshot maker with the icon pre-loaded as a sticker — resize from any corner, change the color from the float toolbar, and export as PNG.

Related icons

Layer Arrow Down icon layer-arrow-down Layer Arrow Up icon layer-arrow-up Layers Arrow Up icon layers-arrow-up Layout Arrow Down icon layout-arrow-down Layout Arrow Right icon layout-arrow-right Wallpaper icon wallpaper Align End Horizontal icon align-end-horizontal Align Horizontal Space Between icon align-horizontal-space-between Align Vertical Distribute End icon align-vertical-distribute-end Align Vertical Justify End icon align-vertical-justify-end Arrow Big Left icon arrow-big-left Arrow Big Left Dash icon arrow-big-left-dash

Latest from the blog

Build in public
Solo Dev's Guide: Building in Public Without Burnout
Sep 26, 2026
ASO
How to Read Competitor App Store Screenshots in 20 Minutes
Sep 25, 2026
Build in public
Getting Your First 100 App Users Without an Ad Budget
Sep 24, 2026
ASO
Screenshot Mistakes That Quietly Cost Installs: 10 Fixes
Sep 23, 2026
copied