HighendDocs
Get Highend
DocumentationElementsDevelopersChangelogv4.6.2

Icon

A single icon shortcode with size, color, float, and link options. No WPBakery mapping, shortcode only.

Icon renders a single icon from Highend's bundled icon sets, with size, color, alignment, and an optional link. It has no WPBakery mapping: use it as a shortcode, or as a building block inside other elements like Icon Box.

Rows of icons demonstrating three sizes, five colors, and a linked star icon

Add it

Icon is shortcode-only. Type it directly, or use the Highend Shortcode Generator button in the Classic Editor toolbar, which opens an Icon form with the same fields below.

Browse available icon names on the Icons admin page. Every field that takes an icon name accepts the same icon-* (FontAwesome) or hb-moon-* (IcoMoon) format.

Attributes

Prop

Type

Shortcode

[icon name="hb-moon-heart" size="large" color="#e74c3c" float="left"]

Icon is self-closing: it takes no content.

Clear

Clears floated icons so following content doesn't wrap around them.

Icon Box

Combines an icon with a title and text in a styled box.

Icon Column

A lighter icon-plus-heading column.

Browse icons

Search both icon sets and copy an icon's name.

Animated Button

A button with a rolling text hover effect, an animated arrow, and Solid, Outline, Glass, or Text styles.

List

An ordered, unordered, or custom icon list, available only as a shortcode with no WPBakery mapping.

On this page

Add itAttributesShortcodeRelated