It was developed in the late 1990s and was poorly supported until around 2016. SVG is a vector graphics image format based on XML. How to use SVGs in ReactĮditor’s note: This article was last updated on 12 December 2022 to add a section about how to inject SVGs to the DOM using the react-svg component, as well as ensuring compatibility with the latest version of react-svg (12.1.13 at the time of writing). While we haven’t tried these out ourselves, they do look promising and provide multiple formats, including SVG.Nedy Udombat Follow Software engineer. We’ve tested and used these icon sets ourselves as preferred alternatives to Bootstrap Icons. Learn more about Bootstrap Icons, including how to install them and recommended usage. Oh, and did we mention they’re completely open source? Licensed under MIT, just like Bootstrap, our icon set is available to everyone.

However, once we got going, we couldn’t stop making more. Bootstrap has very few icon needs out of the box, so we didn’t need much. The beginnings of this icon set come from Bootstrap’s very own components-our forms, carousels, and more. Bootstrap Iconsīootstrap Icons is a growing library of SVG icons that are designed by and maintained by the Bootstrap Team. While most icon sets include multiple file formats, we prefer SVG implementations for their improved accessibility and vector support.

We’ve included details for Bootstrap Icons and other preferred icon sets below. Feel free to use them or any other icon set in your project. While Bootstrap doesn’t include an icon set by default, we do have our own comprehensive icon library called Bootstrap Icons.

User icon svg