Svelte Bootstrap Icons screenshot

Svelte Bootstrap Icons

Author Avatar Theme by Metonym
Updated: 9 Sep 2025
31 Stars

Bootstrap SVG icons as Svelte components

Categories

Overview

Svelte-Bootstrap-Icons is a fantastic package that integrates Bootstrap SVG icons directly into your Svelte applications. With zero dependencies, it offers a streamlined way to utilize these icons, ensuring that your projects remain lightweight and efficient. Leveraging the svelvg tool, it seamlessly converts SVG files into Svelte components, making it a go-to choice for developers looking to enhance their UI with minimal hassle.

The ease of use and customization options provided by Svelte-Bootstrap-Icons are impressive. Whether you’re a seasoned developer or just starting with Svelte, this package allows you to incorporate stylish icons into your projects while maintaining full control over their appearance and size.

Features

  • Zero Dependencies: Enjoy the convenience of Bootstrap SVG icons without the overhead of additional libraries.
  • Svelte Components: Each icon is converted into a Svelte component, ensuring easy integration and powerful reactivity.
  • Direct Import: Import icons directly for faster compiling, especially beneficial during the development phase.
  • Custom Size: Utilize width and height attributes to easily adjust icon sizes to fit your design perfectly; defaults at 16px.
  • Custom Color: The fill attribute allows you to personalize icon colors to match your brand’s color palette.
  • Comprehensive Icon List: Refer to ICON_INDEX.md for an extensive list of supported icons to choose from.
  • MIT License: Use the package freely with an MIT license, promoting open-source collaboration and contribution.