npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

css-bootstrap-iconpicker

v1.14.0

Published

[![NPM Version](https://img.shields.io/npm/v/css-bootstrap-iconpicker)](https://www.npmjs.com/package/css-bootstrap-iconpicker) [![Release](https://img.shields.io/github/v/release/clinical-support-systems/bootstrap-iconpicker)](https://github.com/Clinica

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

kfrancis25kfrancis25

Keywords

Readme

NPM Version Release Tag GitHub Issues or Pull Requests GitHub License

Bootstrap-Iconpicker v1.13.3

Iconpicker

An (updated) simple iconpicker for Bootstrap 3.x and 4.x.

This project is for Bootstrap 3.x and 4.x, including Glyphicons in Bootstrap 3.x. Other icon fonts thats supports: Elusive Icons, Font Awesome, Ionicons, Map Icons, Material Design Icons, Octicons, Typicons, Weather Icons, Flag Icons.

Why did we update this?

We needed to update this project because the original repository is no longer actively maintained. This means that any issues or feature requests will not be addressed, and the project may become outdated as new versions of Bootstrap are released not to mention the need to update the Font Awesome iconset to version 6.x and add support for Font Awesome 5.x and 6.x Pro.

Table of contents

Quick start

Several quick-start options are available:

  • Download the latest release: Tag.
  • Clone the repo: git clone https://github.com/Clinical-Support-Systems/bootstrap-iconpicker.git.
  • Install with npm: npm install bootstrap-iconpicker.

Maintaining Font Awesome iconsets

The Font Awesome iconset bundles in src/js/iconset/ are generated from the official metadata. If the upstream JSON files change (for example, when updating to a new Font Awesome release), regenerate and verify the bundles with:

npm run verify:iconsets

Running the command without any local modifications confirms that the checked-in bundles match the metadata. If the script reports they are outdated, rerun the same command without the --check flag (see util/generate-fa-iconset.js) to regenerate the files before committing.

Font Awesome version selection

As of v1.13.3 the picker automatically resolves the latest matching Font Awesome list. When you declare data-iconset="fontawesome6" or data-iconset="fontawesome7" you can omit data-iconset-version entirely:

<button class="btn btn-secondary" role="iconpicker" data-iconset="fontawesome7" data-icon="fat fa-tombstone"></button>

If Font Awesome Pro CSS is present on the page the picker promotes itself to the newest _pro release. Otherwise it falls back to the most recent free release. The resolved version is exposed as options.iconsetVersionResolved and whether Pro assets were detected appears as options.iconsetHasPro on the iconpicker instance.

To pin to a specific bundle (for example to match an older deployment) you can still provide data-iconset-version="7.0.1", or set iconsetVersion: '7.0.1' via JavaScript. Passing 'latest' forces the highest numbered release regardless of tier, while 'auto' (the default) keeps the adaptive behaviour described above.

CDN

The CDN is updated after the release is made public, which means that there is a delay between the publishing of a release and its availability on the CDN. Check the GitHub page for the latest release.

What's included

Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:

bootstrap-iconpicker/
├── css/
│   ├── bootstrap-iconpicker.css
│   ├── bootstrap-iconpicker.min.css
├── js/
│   ├── bootstrap-iconpicker-iconset-all.js
│   ├── bootstrap-iconpicker-iconset-all.min.js
│   ├── bootstrap-iconpicker.bundle.min.js
│   ├── bootstrap-iconpicker.js
│   └── bootstrap-iconpicker.min.js

We provide compiled CSS and JS (bootstrap-iconpicker.*), as well as compiled and minified CSS and JS (bootstrap-iconpicker.min.*).

All iconset includes in previous versions are included in file (bootstrap-iconpicker-iconset-all.js) compiled and (bootstrap-iconpicker-iconset-all.min.js) minified.

Files (bootstrap-iconpicker-iconset-all.min.js) and (bootstrap-iconpicker.min.js) are included in bundle version (bootstrap-iconpicker.bundle.min.js).

Supported Iconset

You can see all supported iconsets in this doc.

Documentation and live examples

See documentation and live examples here: https://clinical-support-systems.github.io/bootstrap-iconpicker

Bugs and feature requests

Have a bug or a feature request? Please open a new issue. Before opening any issue, please search for existing issues and read the Issue Guidelines, written by Nicolas Gallagher. You may use this JSFiddle as a template for your bug reports.

What's next and changelog

You can see what's next and the changelog in this doc.

Versioning

For transparency into our release cycle and in striving to maintain backward compatibility, Bootstrap-Iconpicker is maintained under the Semantic Versioning guidelines. Sometimes we screw up, but we'll adhere to those rules whenever possible.

Releases will be numbered with the following format:

<major>.<minor>.<patch>

And constructed with the following guidelines:

  • Breaking backward compatibility bumps the major while resetting minor and patch
  • New additions without breaking backward compatibility bumps the minor while resetting the patch
  • Bug fixes and misc changes bumps only the patch

For more information on SemVer, please visit http://semver.org/.

Authors

(Original) @clinical-support-systems

Contributors

@clinical-support-systems, @promatik, @jwhitfieldseed, @crlcu, @michaelbilcot, @joews, @s-belichenko-sold, @mahmoud-asadi, @ibrahimyilmaz7, @kfrancis

License

Licensed under the MIT license.

Used by

Does your organization use bootstrap-iconpicker? You can just open an issue, include a link, and you'll be added to the list.