haunted-heroicons/outline/MailIcon.js

Heroicons for Haunted WebComponents

const { html, component } = require("haunted");
const iconStyle = require("haunted-heroicons/icon");

const style = iconStyle("outline");

function MailIcon() { return html`${style}<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
</svg>
`} 

customElements.define("mail-icon", component(MailIcon));