launchshots / icons / lucide / boxes

Boxes

Lucide ISC License
cubes packages parts group units collection cluster geometry
Drop into editor

Copy the code

<!-- @license lucide-static v1.21.0 - ISC --> <svg class="lucide lucide-boxes" 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="M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z" /> <path d="m7 16.5-4.74-2.85" /> <path d="m7 16.5 5-3" /> <path d="M7 16.5v5.17" /> <path d="M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z" /> <path d="m17 16.5-5-3" /> <path d="m17 16.5 4.74-2.85" /> <path d="M17 16.5v5.17" /> <path d="M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z" /> <path d="M12 8 7.26 5.15" /> <path d="m12 8 4.74-2.85" /> <path d="M12 13.5V8" /> </svg>
<!-- Boxes icon (Lucide) --> <!-- @license lucide-static v1.21.0 - ISC --> <svg class="lucide lucide-boxes" 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="M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z" /> <path d="m7 16.5-4.74-2.85" /> <path d="m7 16.5 5-3" /> <path d="M7 16.5v5.17" /> <path d="M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z" /> <path d="m17 16.5-5-3" /> <path d="m17 16.5 4.74-2.85" /> <path d="M17 16.5v5.17" /> <path d="M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z" /> <path d="M12 8 7.26 5.15" /> <path d="m12 8 4.74-2.85" /> <path d="M12 13.5V8" /> </svg>
import { Boxes } from 'lucide-react'; export default function MyComponent() { return <Boxes 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 Boxes icon

The Boxes 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 Boxes icon will sit visually next to any other Lucide icon without retouching.

Search keywords related to this icon: cubes, packages, parts, group, units, collection, cluster, geometry. 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

Combine icon combine Group icon group Ungroup icon ungroup Circle Pile icon circle-pile Sticky Notes icon sticky-notes Angle icon angle Bolt icon bolt Book Image icon book-image Book Type icon book-type Box icon box Chart Network icon chart-network Cloud Cog icon cloud-cog

Latest from the blog

Guides
Using Device Frames in App Store Screenshots Responsibly
Sep 21, 2026
News
iOS Release Season Checklist: Update Your App Store Listing for iOS 17
Sep 20, 2026
ASO
Writing an App Store Description People Finish Reading
Sep 19, 2026
Guides
iPad Screenshots: When and How to Design Once for All
Sep 18, 2026
copied