Boxes
Lucide
ISC License
cubes
packages
parts
group
units
collection
cluster
geometry
Copy the code
SVG
HTML
React
Copy <!-- @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>
Copy <!-- 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>
Copy 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
Latest from the blog