Media

Icon

A single icon from 3000+ glyphs.

Live demo

See it in action

The markup

Clean, lean code

This is the exact HTML the element outputs, straight from the page builder. No wrapper soup, no inline-style bloat.

<section>
	<div class="fw-container">
		<div class="fw-row">
			<div class="fw-col-12 fw-col-sm-15 d-flex flex-column align-items-center">
				<span class="icon ic-831d22d7 sc-demo-icon"><i class="fa-solid fa-bolt sc-icon-glyph" aria-hidden="true"></i></span>
			</div>
		</div>
	</div>
</section>

To learn more about the Icon shortcode, please check out the online manual here.

Free & open source

Build with this element, free.

Install the framework and the Bootstrap 5 theme, then drag this element into any page.

Get the framework free