ui-lit/svgIcon/index.js

UI Elements on LIT

import { svg } from 'lit';
export const dropdown = (opened, size = 9) => svg `
<svg 
    ?opened = "${opened}"
    class = "dropdown"
    width = "${size}px"
    height = "${size}px"
    style = "transform-origin:center; transform: rotate(${opened ? '180deg' : '0'});" 
    viewBox="0 0 130 130" 
    xmlns="http://www.w3.org/2000/svg">
<path d="M127.139 35.2215L73.7459 102.339C68.681 108.479 60.8725 108.479 56.0186 102.339L2.62577 35.2215C-2.43916 28.8697 0.093308 24 7.90175 24H121.863C129.882 24 132.204 28.8697 127.139 35.2215Z" />
</svg>`;
export const cancel = () => svg `
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
    <path d="M12.5575 0.968001L7.99873 5.52675C6.47873 4.00775 4.95898 2.48775 3.43998 0.968001C0.146481 0.400251 0.398731 0.148001 0.966481 3.442C2.48573 4.9605 4.00623 6.48075 5.52473 8L0.966481 12.5583C0.398731 15.8518 0.146481 15.5995 3.43998 15.032C4.95923 13.5123 6.47898 11.9923 7.99873 10.473C9.51873 11.9928 11.0372 13.5123 12.5575 15.032C15.8507 15.5995 15.5985 15.8518 15.0312 12.559C13.5112 11.0388 11.9912 9.5195 10.4715 8C11.9915 6.48025 13.5115 4.96025 15.0312 3.44125C15.5985 0.148001 15.8507 0.400251 12.5575 0.968001Z" />
</svg>`;