haunted-heroicons/outline/PauseIcon.js

Heroicons for Haunted WebComponents

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

const style = iconStyle("outline");

function PauseIcon() { 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="M10 9v6m4-6v6m7-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
</svg>
`} 

customElements.define("pause-icon", component(PauseIcon));