Animations

A collection of examples from the HTML package's built in animation loops.

<x-html-lottie icon="connected">

<x-html-lottie icon="meeting">

<x-html-lottie icon="interconnected">

<x-html-lottie icon="infinite">

<x-html-lottie icon="alarm-clock">

<x-html-lottie icon="ambulance">

<x-html-lottie icon="approved">

<x-html-lottie icon="atom">

<x-html-lottie icon="attachement">

<x-html-lottie icon="avatar-icon">

<x-html-lottie icon="avatar-icons">

<x-html-lottie icon="avatar">

<x-html-lottie icon="basket">

<x-html-lottie icon="battery">

<x-html-lottie icon="bell">

<x-html-lottie icon="bicycle">

<x-html-lottie icon="bluetooth">

<x-html-lottie icon="bomb">

<x-html-lottie icon="book">

<x-html-lottie icon="boombox">

<x-html-lottie icon="box-package-morph">

<x-html-lottie icon="box-package-open">

<x-html-lottie icon="brain">

<x-html-lottie icon="bug">

<x-html-lottie icon="building">

<x-html-lottie icon="calculator">

<x-html-lottie icon="calendar">

<x-html-lottie icon="camera">

<x-html-lottie icon="car">

<x-html-lottie icon="chart-arrow-growth">

<x-html-lottie icon="chart-common">

<x-html-lottie icon="chart-pie-morph">

<x-html-lottie icon="chart-pie-pieces">

<x-html-lottie icon="chat">

<x-html-lottie icon="chess">

<x-html-lottie icon="church">

<x-html-lottie icon="clock">

<x-html-lottie icon="cloud-download">

<x-html-lottie icon="cloud-upload">

<x-html-lottie icon="cloud">

<x-html-lottie icon="coffee">

<x-html-lottie icon="coins-dollar">

<x-html-lottie icon="compass">

<x-html-lottie icon="computer-display">

<x-html-lottie icon="credit-card">

<x-html-lottie icon="crop">

<x-html-lottie icon="crown">

<x-html-lottie icon="customer-support">

<x-html-lottie icon="dashboard-gauge">

<x-html-lottie icon="dna">

<x-html-lottie icon="document">

<x-html-lottie icon="documents">

<x-html-lottie icon="drone">

<x-html-lottie icon="eco-care">

<x-html-lottie icon="electric-power">

<x-html-lottie icon="emoji-angry">

<x-html-lottie icon="emoji-cry">

<x-html-lottie icon="emoji-lol">

<x-html-lottie icon="emoji-sad">

<x-html-lottie icon="emoji-smile">

<x-html-lottie icon="emoji-wow">

<x-html-lottie icon="envelope-mail">

<x-html-lottie icon="envelope">

<x-html-lottie icon="eye">

<x-html-lottie icon="factory">

<x-html-lottie icon="film-wrap">

<x-html-lottie icon="film">

<x-html-lottie icon="fingerprint">

<x-html-lottie icon="flag">

<x-html-lottie icon="folder">

<x-html-lottie icon="forest">

<x-html-lottie icon="game-controller">

<x-html-lottie icon="gears">

<x-html-lottie icon="gift">

<x-html-lottie icon="globe">

<x-html-lottie icon="goal-target">

<x-html-lottie icon="graduation">

<x-html-lottie icon="grid-list">

<x-html-lottie icon="gym">

<x-html-lottie icon="handshake">

<x-html-lottie icon="headphones">

<x-html-lottie icon="home">

<x-html-lottie icon="hospital">

<x-html-lottie icon="hot-air-balloon">

<x-html-lottie icon="hourglass">

<x-html-lottie icon="idea">

<x-html-lottie icon="key">

<x-html-lottie icon="lab-bottle-round">

<x-html-lottie icon="lab-bottle">

<x-html-lottie icon="laptop">

<x-html-lottie icon="law-balance">

<x-html-lottie icon="law-judge">

<x-html-lottie icon="layers">

<x-html-lottie icon="line-chart">

<x-html-lottie icon="line-graph-decrease">

<x-html-lottie icon="line-graph-growth">

<x-html-lottie icon="local-download">

<x-html-lottie icon="location-pin-on-map">

<x-html-lottie icon="location-pin">

<x-html-lottie icon="lock-morph">

<x-html-lottie icon="locked">

<x-html-lottie icon="love-care">

<x-html-lottie icon="love-heart">

<x-html-lottie icon="magnifier">

<x-html-lottie icon="map">

<x-html-lottie icon="microphone">

<x-html-lottie icon="money-bag">

<x-html-lottie icon="music">

<x-html-lottie icon="navigation">

<x-html-lottie icon="newspaper">

<x-html-lottie icon="ocean">

<x-html-lottie icon="paper-plane">

<x-html-lottie icon="paw">

<x-html-lottie icon="picture-gallery">

<x-html-lottie icon="piggy-bank">

<x-html-lottie icon="pine-tree">

<x-html-lottie icon="plane">

<x-html-lottie icon="price-tag-dollar">

<x-html-lottie icon="price-tag-sale">

<x-html-lottie icon="prize-cup">

<x-html-lottie icon="prize-ribbon">

<x-html-lottie icon="puzzle">

<x-html-lottie icon="question-bubble">

<x-html-lottie icon="refresh">

<x-html-lottie icon="robot">

<x-html-lottie icon="rocket">

<x-html-lottie icon="safety-ring">

<x-html-lottie icon="satelite">

<x-html-lottie icon="scatter-chart">

<x-html-lottie icon="school">

<x-html-lottie icon="scissors">

<x-html-lottie icon="scooter">

<x-html-lottie icon="server-network">

<x-html-lottie icon="servers">

<x-html-lottie icon="settings">

<x-html-lottie icon="share-arrow">

<x-html-lottie icon="share-network">

<x-html-lottie icon="share">

<x-html-lottie icon="shield-security">

<x-html-lottie icon="shopping-cart">

<x-html-lottie icon="slider">

<x-html-lottie icon="smartphone">

<x-html-lottie icon="solar-panel">

<x-html-lottie icon="speaker">

<x-html-lottie icon="stamp">

<x-html-lottie icon="star">

<x-html-lottie icon="stopwatch">

<x-html-lottie icon="store">

<x-html-lottie icon="stroller">

<x-html-lottie icon="telephone">

<x-html-lottie icon="theater">

<x-html-lottie icon="thermometer">

<x-html-lottie icon="thumb-up">

<x-html-lottie icon="to-do-list">

<x-html-lottie icon="tool">

<x-html-lottie icon="trash">

<x-html-lottie icon="tree">

<x-html-lottie icon="truck">

<x-html-lottie icon="tv">

<x-html-lottie icon="two-buildings">

<x-html-lottie icon="ufo">

<x-html-lottie icon="umbrella">

<x-html-lottie icon="vector-design">

<x-html-lottie icon="wallet">

<x-html-lottie icon="watch-time">

<x-html-lottie icon="water-drop">

<x-html-lottie icon="wifi">

<x-html-lottie icon="windmill">

<x-html-lottie icon="wine-cheers">

<x-html-lottie icon="wine">

<x-html-lottie icon="worker-helmet">

<x-html-lottie icon="world-care">

<x-html-lottie icon="yin-yan">