vira
Version:
A simple and highly versatile design system using element-vir.
42 lines (41 loc) • 1.55 kB
JavaScript
import { html } from 'element-vir';
import { viraIconCssVars } from '../../icon-css-vars.js';
import { defineIcon } from '../../icon-svg.js';
/**
* An icon that represents copying something.
*
* @category Icon
* @category SVG
* @see https://electrovir.github.io/vira/book/icons/copy24icon
*/
export const Copy24Icon = defineIcon({
name: 'Copy24Icon',
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"
viewBox="0 0 24 24"
width="24"
height="24"
>
<path
d="M16 6v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6q.2-1.8 2-2h8a2 2 0 0 1 2 2"
stroke="none"
fill=${viraIconCssVars['vira-icon-fill-color'].value}
/>
<path
d="M21 11v8a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2v-8q.2-1.8 2-2h8a2 2 0 0 1 2 2"
stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
fill=${viraIconCssVars['vira-icon-fill-color'].value}
/>
<path
d="M7 16H6a2 2 0 0 1-2-2V6q.2-1.8 2-2h8a2 2 0 0 1 2 2v1"
stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
fill="none"
/>
</svg>
`,
});