@lordicon/element
Version:
This package offers developers a convenient method for embedding, controlling, and customizing animated icons from Lordicon within web projects.
21 lines (18 loc) • 835 B
HTML
<html lang="en">
<head>
<meta charset="utf-8" />
<title>CSS Variables</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" href="/main.css" />
<link rel="stylesheet" type="text/css" href="/06-css-variables.css" />
<script type="module" src="/main.ts"></script>
</head>
<body>
<lord-icon class="first" trigger="loop" src="/icons/lock.json"></lord-icon>
<lord-icon class="second" trigger="loop" src="/icons/lock.json"></lord-icon>
<lord-icon class="third" trigger="loop" src="/icons/lock.json"></lord-icon>
<lord-icon class="fourth" trigger="loop" colors="primary:white" src="/icons/lock.json"></lord-icon>
<lord-icon trigger="loop" colors="primary:#b73a3a" src="/icons/lock.json"></lord-icon>
</body>
</html>