Bootstrap Icons

Bootstrap Icons is a free, high quality, open source icon library with over 2,000 icons. You can include them in your project in several ways—SVGs, SVG sprite, or web fonts. These icons can be used with or without Bootstrap in any project.

Key Features:

• Versatile Usage: Include icons as SVGs, SVG sprites, or web fonts.
• Easy Styling: Customize icon size using font-size and appearance with CSS or utility classes.
• Accessibility: Built with accessibility in mind, with guidance on appropriate usage for screen readers.
• Open Source: Freely available and open source, allowing for community contributions and usage.

How to use:

• Embedded: Place the SVG code directly within your HTML.
• Sprite: Use the SVG sprite and reference icons with the <use> element.
• External Image: Reference the SVG files like standard images using the <img> element.
• Icon Font: Include the icon fonts in your CSS and use class names in your HTML.
• Direct CSS Use: Utilize SVG data URIs directly within your CSS.

Bootstrap Icons can be installed via npm (npm i bootstrap-icons) or Composer. You can also download the latest ZIP from GitHub, which includes SVGs, fonts, license, and readme. A CDN option is also available for quick inclusion of the icon fonts stylesheet.