Getting StartedTheme Options Page OptionsPost TypesElementorWPBakeryTemplates BuilderExtrasDynamic Content How To
TheGem Documentation
General Elements
Icon

Icon

TheGem icon is an extended version of simple icon, bringing you additional styles and style settings to make really attractive icons in a quick and simple way.

Check this demo page showing different icon styles:

https://codex-themes.com/thegem-elementor/elements/icons/

Note: all this styles can be easily customized to meet your individual design needs. No coding needed.

You can find “Icon” element in editing panel of Elementor in “TheGem Elements” group

Content Tab

Layout

Shape: in TheGem we have added 5 shape presets for icons, which you can select here

Size: size presets for icons. Each size can be freely customized; this size presets accelerate your work by adding pre-made size

Color Split: TheGem icons can be splitted in two colors. Here you can specify if you wish to use color split and if yes, im which style. Gradient icon color is also available in this setting

Icon

Select an icon from icon library or upload your own svg icon. Also here you can set an icon’s link.

Style Tab

Icon Style

Various settings to customize the look and position of the added icon.