3 Square Icon
Customize & Export
About this icon
3 Square is a free, open-source icon from Bootstrap Icons, a library of 2,090 icons licensed under MIT.
Bootstrap Icons — 2,090 open-source icons from the Bootstrap team. Designed for use with Bootstrap but works in any project. SVG and web font formats. MIT license.
Download the 3 Squareicon 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 3 Square 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 3 Square commercially?
Bootstrap Icons is distributed under the MIT license, which generally permits commercial use. Always review the full license before shipping to production.
How do I use 3 Square 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 3 Square?
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 3 Square at?
SVG scales perfectly at any size. For PNG, choose from 24, 32, 48, 64, 128, 256, or 512px before exporting.