Lordicon (Divi)
Animated Lordicon icons for Divi 5. Lordicon’s player loads from its CDN only on pages with the module. Hover, click and scroll the icons below — each is labelled with its settings.
1. Nine triggers
Loop · hover · loop while hovered · click · play when scrolled into view · morph (state morph-heart) · morph two way (state morph-folder) · boomerang · none (the first frame).
2. Sources and colours
From a URL · from an icon code · the icon’s own colours · navy & amber · a teal pair · a new colour on hover · four colours.
3. Stroke, size and speed
Light, regular and bold strokes · custom widths 20 and 100 · 56, 96 and 150 px · speed 0.4×, 1× and 2.2× · a 2 s pause between loops · 120 px, 72 px on phones.
4. Hover areas and labels
Hover area: the whole module, the icon only, the column. Labels below, above, right and left, with a description · a styled H3 label on the right that moves below on phones.
Free returns
Send it back within 60 days — the label is an H3, styled from the Design tab.Fast delivery
Next-day delivery on orders placed before 3pm.5. Icon boxes and effects
A soft circle · an outline tile · a dark tile · a shadow with a hover tint · lift, grow, tilt and glow on hover · a pulse ring.
6. Loading, states, links and the fallback
Load when scrolled near · load on first hover · state in-check-circle · state hover-arrow-up-2 · state morph-calendar · a linked icon · no icon to load, which shows the fallback icon and message (the same happens offline, with a blocked CDN or a wrong URL).
7. Styled from the Design tab, on a dark background
Icon colours and hover colours, a glass box with a border and a hover background, label and description fonts, the label on the right.