This package offers developers a convenient method for embedding, controlling, and customizing animated icons from Lordicon within web projects.
It offers the following features:
$ npm install @lordicon/element lottie-web
This package should be used in pair with lottie-web. We recommend using this package with a module bundler such as Webpack or Rollup.
Example script module:
import lottie from "lottie-web";
import { defineElement } from "@lordicon/element";
// define "lord-icon" custom element with default properties
defineElement(lottie.loadAnimation);
Example markup:
<lord-icon trigger="hover" src="/my-icon.json"></lord-icon>