Home
Bootstrap Icons
Resources
HTML
CSS
Bootstrap 3
Bootstrap 4
Bootstrap 5
jQuery UI
Materialize
Tailwind CSS
AngularJS
Bulma
Search Font Awesome Icons
Enter the search term below or choose a category!
Search
All Categories
Business Icons
Communication Icons
Audio & Video Icons
Automotive Icons
Autumn Icons
Brand Icons
Building Icons
Camping Icons
Charity Icons
Chat Icons
Clothing Icons
Code Icons
Computer Icons
Construction Icons
Currency Icons
Date Time Icons
Design Icons
Education Icons
Emoji Icons
File Icons
Finance Icons
Fitness Icons
Food Icons
Game Icons
Hand Icons
Health Icons
Household Icons
Image Icons
Map Icons
Marketing Icons
Mathematics Icons
Medical Icons
Shopping Icons
Pharmacy Icons
Political Icons
Religion Icons
Science Icons
Security Icons
Shape Icons
Social Icons
Sports Icons
Travel Icons
User Icons
Vehicle Icons
Weather Icons
Writing Icons
How to Customize Icons
Click on the icon
In the Modal Window, you will see various options
Set the size of icon from Extra small, Small, Large, 2x, 3x, 4x, 5x and 6x
Select Icon Family
Color Style: Use Solid or Gradient Colors (Set Start and End Colors along with Angle)
Choose the Animation Style from the dropdown
Five Effect Options are available: Outline, Glow, Blur, 3D and Bounce
Set the Opacity by using the slider
Press the Copy button to grab the HTML code
Icon Customization
Copy
Icon Size
Extra Small
Small
Large
2x
3x
4x
5x
6x
Color Style
Solid Color
Gradient
Icon Color
Gradient Colors
Start Color
End Color
Gradient Angle
Animation
None
Bounce
Beat
Fade
Spin
Effects
None
Outline
Glow
Blur
3D
Bounce
Outline Color
Outline Width
Glow Color
Glow Intensity
Blur Amount
Current:
0
px
Icon Family
Classic
Duotone
Sharp
Sharp Duotone
Opacity