vira
Version:
A simple and highly versatile design system using element-vir.
30 lines (29 loc) • 947 B
JavaScript
import { html } from 'element-vir';
import { viraIconCssVars } from '../icon-css-vars.js';
import { defineIcon } from '../icon-svg.js';
/**
* A static loading icon.
*
* @category Icon
* @category SVG
* @see https://electrovir.github.io/element-vir/vira/book/icons/loader24icon
*/
export const Loader24Icon = defineIcon({
name: 'Loader24Icon',
svgTemplate: html `
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
class="loader-animated-24-icon"
>
<path
d="M12 8V2M16 12h6M12 16v6M8 12H2M9.17 9.17 4.93 4.93M14.83 9.17l4.24-4.24M14.83 14.83l4.24 4.24M9.17 14.83l-4.24 4.24"
fill="none"
stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
/>
</svg>
`,
});