There are several different aspects of a website that use framework icons, depending on how a user experiences it. It is possible to completely replace text by embedding icons in many cases. It is precise because icons or vectors are universal symbols that are useful. Microphone icons almost always indicate voice commands or recording functionality in web or mobile applications.

Most users are familiar with icons because they are recognizable patterns.

See our GitHub Actions and package.json for more information.The use of embedding icons on our websites and apps enhances their visual appeal, navigability, and engagement for users. Publishingĭocumentation is published automatically when a new Git tag is published. Use npm run icons to run the script, run npm run pages to build pages, complete those pages, and, finally, commit the results in a new branch for updating. Modify the SVGs source HTML, removing all attributes before setting new attributes and values in our preferred order.Once a new SVG icon has been added to the icons directory, we use an npm script to: New glyphs are designed in Figma first on a 16x16px grid, then exported as flattened SVGs with fill (no stroke). Icons are typically only added by but exceptions can be made. Processes and optimizes SVGs in icons directory Generates pages for each icon with template Markdown Be sure to look to our package.json for a complete list of scripts. Here are some key scripts you'll use during development. DevelopmentĬlone the repo, install dependencies, and start the Hugo server locally. npm i bootstrap-iconsįor those using Packagist, you can also install Bootstrap Icons via Composer: composer require twbs/bootstrap-iconsĭepending on your setup, you can include Bootstrap Icons in a handful of ways. We only include the processed SVGs in this package-it's up to you and your team to implement. Official open source SVG icon library for Bootstrap with over 1,900 icons.īootstrap Icons are packaged up and published to npm.

Open source svg icons