vira

Version:

A simple and highly versatile design system using element-vir.

electrovir.github.io/element-vir/vira

29 lines (28 loc) • 976 B

JavaScript

import { html } from 'element-vir';
import { viraIconCssVars } from '../icon-css-vars.js';
import { defineIcon } from '../icon-svg.js';
/**
 * A closed or disable eye icon.
 *
 * @category Icon
 * @category SVG
 * @see https://electrovir.github.io/element-vir/vira/book/icons/eyeclosed24icon
 */
export const EyeClosed24Icon = defineIcon({
    name: 'EyeClosed24Icon',
    svgTemplate: html `
        <svg
            xmlns="http://www.w3.org/2000/svg"
            fill=${viraIconCssVars['vira-icon-fill-color'].value}
            stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
            width="24"
            height="24"
            viewBox="0 0 24 24"
        >
            <path
                stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
                d="M4 20 20 4M18.4 8.54C20 10.28 21 12 21 12s-4.03 7-9 7a6.53 6.53 0 0 1-3.16-.9M5.6 15.46C4 13.72 3 12 3 12s4.03-7 9-7c1.11 0 2.18.35 3.16.9"
            />
        </svg>
    `,
});