UI

Icon Buttons

Creative icon buttons

Modern & Creative Icon buttons
Default
.btn .btn-icon .btn-* Primary Brand Secondary Light info Warning Danger success Dark Optional Teal Optional Purple Optional Pink
Outline
.btn .btn-icon .btn-outline* Primary Brand Secondary Light info Warning Danger success Dark Optional Teal Optional Purple Optional Pink
button Variant
Default corner rounded Square no round Extra rounded Outline
Size Small Size Default Size large Extra large
button Block
.btn .btn-icon .btn-block .btn-* Size Small Size Default Size large Extra large

More icon button options

Simple Attractive Icon buttons
Alignment - default / Reverse
Default left align Align Left

Just add the class .btn-icon-right for align icon right

Reverse icon
Reverse icon small Reverse Default Reverse Large Extra large
Reverse icon button variant
Square Rounded Outline Disabled Disabled outline

Only icon buttons