Icon Block

Pick from thousands of stylish icons or upload your own SVG icon to decorate your content. Get access to different color settings – simple, gradient and multicolor and Font Awesome Pro integration.

Demo

Features

<span style="color: #f34957;" class="ugb-highlight">7 Layouts</span>
Style Options

Hover Effects & Options. Column Gap. Alignment.

<span style="color: #f34957;" class="ugb-highlight">General Style Options</span>
Color Options

Gradient. Opacity. Icon Shape & Outline Color. Multi-color.

<span style="color: #f34957;" class="ugb-highlight">Typography Options</span><br>
Icon Options

Shaped. Outlined. Background Shape. Size. Opacity. Rotation. Outline Width.

<span style="color: #f34957;" class="ugb-highlight">Button Options</span>
Spacing & Alignment

Spacing. Horizontal & Vertical Alignment. Block Height. Content Width. Margin. Padding. Column Spacing. Z-Index.

<span style="color: #f34957;" class="ugb-highlight">Spacing & Alignment</span>
Responsiveness

Arrangement. Size. Spacing. Advanced Settings.

Upload Your Own SVG Icons

You can pick from our list, if not, just drag your own icon to use it.

Play
Download
Live
Podcast
Create

Background Shapes

These unique shapes are a great way to fancy up your icons.

Plain, Shaped or Outlined

Biking

Trekking

Hiking

Chair-lift

Multicolored
Icons

Don’t like the color of your icon? You can change it to whatever you need.

Want to give it a spin?