123 Icon
Customize & Export
About this icon
123 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 123icon 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 123 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 123 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 123 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 123?
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 123 at?
SVG scales perfectly at any size. For PNG, choose from 24, 32, 48, 64, 128, 256, or 512px before exporting.