Customize & Export
About this icon
Archive Box X Mark 20 Solid is a free, open-source icon from Heroicons, a library of 1,297 icons licensed under MIT.
Heroicons — 1,297 beautiful hand-crafted SVG icons by the Tailwind CSS team. Available in Outline (24px) and Solid (20px) variants. Optimized for React and Vue. MIT license.
Download the Archive Box X Mark 20 Solidicon as SVG for scalable vector use, as a React JSX component ready to drop into any React or Next.js project, or as a PNG raster image at sizes from 24 px to 512 px. Use the color editor above to customize stroke, fill, and background before exporting.
Export Formats
SVG
Scalable Vector
Resolution-independent. Works at any size, in every browser and design tool.
JSX / TSX
React Component
Drop-in React component with TypeScript props. Works with Next.js, Vite, and any React project.
PNG
Raster Image
Export at 24 – 512 px. Perfect for emails, app stores, and platforms that don't support SVG.
Frequently Asked Questions
How do I download the Archive Box X Mark 20 Solid icon?
Click Export above. Choose SVG for scalable vector, JSX for a React component, or PNG for a raster image. Download starts immediately — no account required.
Can I use Archive Box X Mark 20 Solid commercially?
Heroicons is distributed under the MIT license, which generally permits commercial use. Always review the full license before shipping to production.
How do I use Archive Box X Mark 20 Solid in a React project?
Choose JSX format and click Export to download a ready-to-use React component. Or copy the SVG source and paste it inline in your JSX.
Can I change the color of Archive Box X Mark 20 Solid?
Yes — use the color swatches in the editor above to customize each color in the icon. You can also apply background shapes and colors before exporting.
What sizes can I export Archive Box X Mark 20 Solid at?
SVG scales perfectly at any size. For PNG, choose from 24, 32, 48, 64, 128, 256, or 512px before exporting.