vira

Version:

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

electrovir.github.io/vira/vira

32 lines (31 loc) • 1.11 kB

JavaScript

import { html } from 'element-vir';
import { viraIconCssVars } from '../../icon-css-vars.js';
import { defineIcon } from '../../icon-svg.js';
/**
 * A printer icon.
 *
 * @category Icon
 * @category SVG
 * @see https://electrovir.github.io/vira/book/icons/printer24icon
 */
export const Printer24Icon = defineIcon({
    name: 'Printer24Icon',
    svgTemplate: html `
        <svg
            xmlns="http://www.w3.org/2000/svg"
            xml:space="preserve"
            style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round"
            width="24"
            height="24"
            viewBox="0 0 24 24"
        >
            <path
                d="M7 9V4h10v5M7 17H5.6C4.7 17 4 16 4 15.2v-4.6Q4.1 9.1 5.6 9h12.8q1.5.1 1.6 1.6v4.6c0 .9-.7 1.8-1.6 1.8H17M7 14h10v6H7z"
                style="fill-rule:nonzero"
                fill=${viraIconCssVars['vira-icon-fill-color'].value}
                stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
                stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
            />
        </svg>
    `,
});