Feather Icons vs Bootstrap Icons

Comparing the features of Feather Icons to Bootstrap Icons

Feature
Feather Icons
Bootstrap Icons

Capability Features

Accessibility Features
aria-hiddenaria-labelrole=img
Adjustable Stroke Width
2px
Consistency and Readability
Custom Icon Color
Custom Icon Size
24px
Export/Download Icons
External Image Use
Font-size and Color Styling
Icon Collection Size
200
Icon Customization Options
Icon Font Support
Icon Names
activityairplayalert-circlealert-octagonalert-trianglealign-centeralign-justifyalign-leftalign-rightanchoraperturearchivearrow-down-circlearrow-down-leftarrow-down-rightarrow-downarrow-left-circlearrow-leftarrow-right-circlearrow-rightarrow-up-circlearrow-up-leftarrow-up-rightarrow-upat-signawardbar-chart-2bar-chartbattery-chargingbatterybell-offbellbluetoothboldbook-openbookbookmarkboxbriefcasecalendarcamera-offcameracastcheck-circlecheck-squarecheckchevron-downchevron-leftchevron-rightchevron-upchevrons-downchevrons-leftchevrons-rightchevrons-upchromecircleclipboardclockcloud-drizzlecloud-lightningcloud-offcloud-raincloud-snowcloudcodecodepencodesandboxcoffeecolumnscommandcompasscopycorner-down-leftcorner-down-rightcorner-left-downcorner-left-upcorner-right-downcorner-right-upcorner-up-leftcorner-up-rightcpucredit-cardcropcrosshairdatabasedeletediscdivide-circledivide-squaredividedollar-signdownload-clouddownloaddribbbledropletedit-2edit-3editexternal-linkeye-offeyefacebookfast-forwardfeatherfigmafile-minusfile-plusfile-textfilefilmfilterflagfolder-minusfolder-plusfolderframerfrowngiftgit-branchgit-commitgit-mergegit-pull-requestgithubgitlabglobegridhard-drivehashheadphoneshearthelp-circlehexagonhomeimageinboxinfoinstagramitalickeylayerslayoutlife-buoylink-2linklinkedinlistloaderlocklog-inlog-outmailmap-pinmapmaximize-2maximizemehmenumessage-circlemessage-squaremic-offmicminimize-2minimizeminus-circleminus-squareminusmonitormoonmore-horizontalmore-verticalmouse-pointermovemusicnavigation-2navigationoctagonpackagepaperclippause-circlepausepen-toolpercentphone-callphone-forwardedphone-incomingphone-missedphone-offphone-outgoingphonepie-chartplay-circleplayplus-circleplus-squarepluspocketpowerprinterradiorefresh-ccwrefresh-cwrepeatrewindrotate-ccwrotate-cwrsssavescissorssearchsendserversettingsshare-2shareshield-offshieldshopping-bagshopping-cartshufflesidebarskip-backskip-forwardslackslashsliderssmartphonesmilespeakersquarestarstop-circlesunsunrisesunset
Icon Usage in CSS Only
Multiple Icon Usage Methods
Embedded SVGSVG SpriteExternal ImageIcon FontCSS Background Image
No User Authentication
Open Source
Reset Customization
Supports Custom CSS Styling
Supports HTML Embed
Supports Icon Resizing
SVG Sprite Provided

Integration Features

Available as ZIP Release
CDN Support
CSS Integration
Figma Plugin
Framer Integration
GitHub Integration
Install via Composer
Install via npm
Manual Download
Sass Integration
Software Integrations
FigmaFramerGitHubSlackCodepenCodesandboxDribbbleGitlabChromeFacebookInstagramLinkedin
Supports Bootstrap Projects
Supports Icon Font via CDN
Supports Icon Font via Sass Import
Supports Multiple Package Managers
npmComposer
SVG File Format
SVG Format Support
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/EdgeSVG <img> accessibilitySVG sprite cross-domain ChromeExternal SVG sprite in IE
No API Access
No Premium Icons
No Web UI for Customization
Usage Restrictions

Other Features

License Provided

Pricing Features

Free Tier
No Quotas or Limits
Paid Plans
Pricing Plans
Free/Open Source