Index	Example	Description
01	Release	This example presents the easiest way to use the Lordicon custom element with released version.
02	Triggers	Discover all the built-in animation triggers available.
03	Trigger target	Utilize the 'target' attribute to specify the parent element responsible for triggering the animation.
04	Customization	Learn about all the customizable attributes supported by the element.
05	Current color	This case study presents, a class built into element: current-color. With this class, icon will inherit color from a parent.
06	CSS variables	Explore the use of CSS variables to customize colors.
07	Background	Discover how to use the element as a background.
08	Manual control	Gain insights into manual interaction with icons and players.
09	Icon directly	An example of directly assigning a loaded icon to a custom element.
10	State	Explore the use of icon state animations.
11	Loading (lazy)	Learn how to load icons only when needed.
12	Loading (lazy + effect)	Load icons only when needed and create a smooth, simultaneous fade-in effect after the load completes.
13	Loading (placeholder)	Display a small SVG placeholder until the custom element is ready.
14	Loading (placeholder + interaction)	Display a small SVG placeholder until the first user interaction with the element.
15	Custom trigger	This example demonstrates how to create a straightforward custom animation trigger.
16	Custom trigger (scroll)	Create a custom trigger that plays an animation when a user scrolls the website.
17	Custom trigger (in screen)	Build an animation trigger that plays when the icon appears in the browser viewport.
18	Custom trigger (states)	This example demonstrates complex usage of states with a custom trigger. See how the trash icon appears, fills, and erases as the user interacts.
19	Morph toggle	Switch morph animations with class toggling.
20	Upload	Get a preview of uploaded files.
21	Legacy	Legacy icon file support (without markers).