Home
Articles
Home
Heroicons
Compared to Bootstrap Icons
Heroicons vs Bootstrap Icons
Comparing the features of Heroicons to Bootstrap Icons
Feature
Heroicons
Bootstrap Icons
Capability Features
Accessibility Features
aria-hidden
aria-label
role=img
Custom Icon Design
External Image Use
Font-size and Color Styling
Icon Font Support
Icon Styles
Outline
Solid
Mini
Micro
Icon Usage in CSS Only
Multiple Icon Usage Methods
Embedded SVG
SVG Sprite
External Image
Icon Font
CSS Background Image
No User Authentication
Number of Icons
200
Outline Icon Details
24x24, 1.5px stroke
Supports Custom CSS Styling
Supports HTML Embed
Supports Icon Resizing
SVG Sprite Provided
Integration Features
Available as ZIP Release
CDN Support
CSS Integration
Install via Composer
Install via npm
Manual Download
Sass Integration
Supports Bootstrap Projects
Supports Icon Font via CDN
Supports Icon Font via Sass Import
Supports Multiple Package Managers
npm
Composer
SVG File Format
SVG Format
Tailwind CSS Compatibility
Works with Bootstrap
Limitation Features
Browser Compatibility
Issues with Internet Explorer, Edge Legacy, and Chrome (external sprites)
Known SVG Browser Quirks
SVG focus in IE/Edge
SVG <img> accessibility
SVG sprite cross-domain Chrome
External SVG sprite in IE
No API Access
No Explicit Usage Restrictions
No Mentioned API
No Plugin Integration
No Premium Icons
No User Account Required
No Web UI for Customization
Other Features
License Provided
Pricing Features
Free Tier
No Quotas or Limits
Pricing Plans
Free/Open Source