Home
Bootstrap 5
jQuery
Other Resources
HTML
CSS
Bootstrap 3
Bootstrap 4
Bootstrap 5
jQuery UI
Materialize
Tailwind CSS
AngularJS
Bulma
Search/Customize Bootstrap Icons
1st:
Search the icon by typing the text or filter by Categories.
2nd:
Click on the Icon. In the popup, set available options for custom look.
3rd:
Options include - Icon size, Color type (Solid/Gradient), Effects (Glow, Neon, Outline, Shadow, Blur & Bounce) and Opacity.
4th:
Once done, press the "Copy" button to get the code. (Inline or Separate CSS can be copied)
Search
All Categories
Alert Icons
Arrows & Navigation
Buttons and Controls
Messaging & Chat
User & Account
Social Media
Media Controls
Sound
Video and Camera
File Types
Editing & Formatting
Computers & Gadgets
Network and Internet
Ecommerce
Business & Banking
Weather and Nature
Transportation & Travel
Security & Protection
Time and Date
Food and Drink
Healthcare & Medical
Household and Furniture
Sports and Fitness
Emoji & Symbols
Miscellaneous
Icon Customization
Size
Color Type
Solid Color
Gradient
Color
Gradient Colors
Horizontal
Vertical
45° Diagonal
-45° Diagonal
Rotation
Effect
None
Glow
Neon
Outline
Shadow
Blur
Bounce
Effect Color
Opacity
Icon Code
Copy
Use Inline Styles
CSS Styles
Copy CSS