contect@website.com
+48 777 666 555
Welcome to fusce convalis
Bootstrap Starher
Menu
Service
Fullwidth
Gallery
Kontakt
Posts
Docs
Base Theme
Background
Badge
Button
Icons
Shadows
Shadows Box
Typography
Components
Alerts
Cards specyfic
Carousel
ContentBox
Gallery
Paralax
Tabs
Text Collapse
Timeline
Section
Call to Action
Content
Content full width
Features
Jumbotron
Jumbotron Shapes
List
Product list
MegaMenu heading
Unique Features
Image Responsive
Auto Carousel
Newsletter Form
Icons
Homepage
UI List
Icons
Icon Rounded
Icon Squared
Icon Circle
Icon Shape
Icon Large
Code
<div class="icon rounded-circle text-white bg-primary"> <i class="fa fa-backward"></i> </div> <div class="icon text-white bg-success"> <i class="fa fa-play"></i> </div> <div class="icon icon-circle text-white bg-dark"> <i class="fa fa-forward"></i> </div> <div class="icon icon-shape text-white bg-success"> <i class="lead fa fa-forward"></i> </div> <div class="icon rounded-circle icon-lg text-white bg-success"> <i class="lead fa fa-forward"></i> </div> <div class="icon icon-shape icon-lg text-white bg-success"> <i class="lead fa fa-forward"></i> </div>
Icon Hover
Code
<div class="icon icon-lg rounded-circle hover-translate-shadow bg-light"> <img src="/images/icons/layers.svg" alt="" class="feature-icon"> </div> <div class="icon icon-lg rounded-circle hover-scale bg-light"> <img src="/images/icons/layers.svg" alt="" class="feature-icon"> </div> <div class="icon icon-lg rounded-circle hover-translate-y10 bg-light"> <img src="/images/icons/layers.svg" alt="" class="feature-icon"> </div> <div class="icon icon-lg rounded-circle hover-translate-x3 bg-light"> <img src="/images/icons/layers.svg" alt="" class="feature-icon"> </div> <div class="icon icon-lg rounded-circle hover-translate-y3 bg-light"> <img src="/images/icons/layers.svg" alt="" class="feature-icon"> </div> <div class="icon icon-lg rounded-circle hover-shadow-lg bg-light"> <img src="/images/icons/layers.svg" alt="" class="feature-icon"> </div> <div class="icon icon-lg rounded-circle hover-shadow-xl bg-light"> <img src="/images/icons/layers.svg" alt="" class="feature-icon"> </div>
FontAwesome Stack
Code
<span class="fa-stack fa-2x "> <i class="fa fa-circle fa-stack-2x text-primary"></i> <i class="fa fa-facebook text-white fa-stack-1x"></i> </span> <span class="fa-stack fa-3x"> <i class="fa fa-circle fa-stack-2x text-primary"></i> <i class="fa fa-facebook text-white fa-stack-1x"></i> </span> <span class="fa-stack fa-4x"> <i class="fa fa-circle fa-stack-2x text-primary"></i> <i class="fa fa-facebook text-white fa-stack-1x"></i> </span>
Icon Rounded
Icon Squared
Icon Circle
Icon Shape
Icon Large
Icon Hover
FontAwesome Stack
Do you like cookies?
🍪 We use cookies to ensure you get the best experience on our website.
Learn more
I agree
