More Premium Hugo Themes Premium Svelte Themes

Svelte Bootstrap Icons

Bootstrap SVG icons as Svelte components

Svelte Bootstrap Icons

Bootstrap SVG icons as Svelte components

Author Avatar Theme by metonym
Github Stars Github Stars: 31
Last Commit Last Commit: Sep 9, 2025 -
First Commit Created: Aug 8, 2025 -
Svelte Bootstrap Icons screenshot

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.