boxes · Huge Icons
Free SVG boxes icon from Huge Icons. Rendered at 24×24 in the stroke style and licensed under MIT. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for MIT licensed icons.
Tags
- boxes
Code
HTML / SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5"><path stroke-linecap="round" d="M6 12V8c0-.943 0-1.414.293-1.707S7.057 6 8 6h4c.943 0 1.414 0 1.707.293S14 7.057 14 8v4c0 .943 0 1.414-.293 1.707S12.943 14 12 14H8c-.943 0-1.414 0-1.707-.293S6 12.943 6 12m-4 8v-4c0-.943 0-1.414.293-1.707S3.057 14 4 14h4c.943 0 1.414 0 1.707.293S10 15.057 10 16v4c0 .943 0 1.414-.293 1.707S8.943 22 8 22H4c-.943 0-1.414 0-1.707-.293S2 20.943 2 20m8 0v-4c0-.943 0-1.414.293-1.707S11.057 14 12 14h4c.943 0 1.414 0 1.707.293S18 15.057 18 16v4c0 .943 0 1.414-.293 1.707S16.943 22 16 22h-4c-.943 0-1.414 0-1.707-.293S10 20.943 10 20m8 1.5l3.414-3.414c.29-.29.434-.434.51-.617c.076-.184.076-.389.076-.797V12c0-.943 0-1.414-.293-1.707S20.943 10 20 10h-2"/><path stroke-linecap="round" d="m6 10l-3.414 3.414c-.29.29-.434.434-.51.617C2 14.215 2 14.42 2 14.829V16.5m12-3l3.317-2.902c.336-.295.504-.442.594-.639S18 9.54 18 9.092V4c0-.943 0-1.414-.293-1.707S16.943 2 16 2h-4.74c-.376 0-.563 0-.735.065c-.172.066-.312.19-.593.44l-3.26 2.898c-.331.294-.496.441-.584.636C6 6.235 6 6.456 6 6.9V9"/><path d="m14 6l3.5-3.5M18 14l3.5-3.5"/></g></svg>
React
// Run: npx sant-icons get huge-boxes --format react
export function HugeBoxes(props) {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5"><path stroke-linecap="round" d="M6 12V8c0-.943 0-1.414.293-1.707S7.057 6 8 6h4c.943 0 1.414 0 1.707.293S14 7.057 14 8v4c0 .943 0 1.414-.293 1.707S12.943 14 12 14H8c-.943 0-1.414 0-1.707-.293S6 12.943 6 12m-4 8v-4c0-.943 0-1.414.293-1.707S3.057 14 4 14h4c.943 0 1.414 0 1.707.293S10 15.057 10 16v4c0 .943 0 1.414-.293 1.707S8.943 22 8 22H4c-.943 0-1.414 0-1.707-.293S2 20.943 2 20m8 0v-4c0-.943 0-1.414.293-1.707S11.057 14 12 14h4c.943 0 1.414 0 1.707.293S18 15.057 18 16v4c0 .943 0 1.414-.293 1.707S16.943 22 16 22h-4c-.943 0-1.414 0-1.707-.293S10 20.943 10 20m8 1.5l3.414-3.414c.29-.29.434-.434.51-.617c.076-.184.076-.389.076-.797V12c0-.943 0-1.414-.293-1.707S20.943 10 20 10h-2"/><path stroke-linecap="round" d="m6 10l-3.414 3.414c-.29.29-.434.434-.51.617C2 14.215 2 14.42 2 14.829V16.5m12-3l3.317-2.902c.336-.295.504-.442.594-.639S18 9.54 18 9.092V4c0-.943 0-1.414-.293-1.707S16.943 2 16 2h-4.74c-.376 0-.563 0-.735.065c-.172.066-.312.19-.593.44l-3.26 2.898c-.331.294-.496.441-.584.636C6 6.235 6 6.456 6 6.9V9"/><path d="m14 6l3.5-3.5M18 14l3.5-3.5"/></g></svg>
);
}CLI
npx sant-icons get huge-boxes
Properties
- Name
- boxes
- Library
- Huge Icons
- Style
- stroke
- License
- MIT
- Version
- 1.2.35
- Identifier
- huge-boxes
boxes in other libraries
The boxes icon ships with Huge Icons, an open-source icon set licensed under MIT. Search for it as "huge icons boxes", "boxes svg", or any of its tagged terms (boxes). The SVG is normalised to a 24×24 viewBox so you can drop it into any UI framework alongside the other icons here without scaling concerns.
Need this icon in your codebase fast? Install the MCP server for Claude Code (or any MCP-aware AI tool) and ask the model to fetch huge-boxes directly into your project. No browser context-switch.