end(stop,conclusion,termination,finish,extremity) Vector Icon

Tailwind CSS UnoCSS Unplugin Icons Iconify React Vue Svelte Solid

HTML Tag: SEO / AccessibilityJSXSelf closing tag

With @iconify/tailwind: Installation Guide

      <span class="icon-[wpf--end]"></span>

With @egoist/tailwindcss-icons: Installation Guide

      <span class="i-wpf-end"></span>

HTML Tag: SEO / AccessibilityJSXSelf closing tag

      <span class="i-wpf-end"></span>

Installation Guide

Import component:

      import WpfEnd from '~icons/wpf/end'

Use component:

      <WpfEnd />

Installation Guide

Iconify Web Component：Installation Guide

      <iconify-icon icon="wpf:end"></iconify-icon>

Iconify URL：

      https://api.iconify.design/wpf:end.svg

With @iconify/react:

      <Icon icon="wpf:end" />

JSX:

      <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 26 26"><path fill="currentColor" d="M16 5c-.551 0-1 .449-1 1v4.875L7.906 5.25a1.34 1.34 0 0 0-1.281.063C6.239 5.545 6 5.963 6 6.405v13.188c0 .443.239.86.625 1.093c.208.127.449.188.688.188c.2 0 .408-.033.593-.125L15 15.125V20c0 .551.449 1 1 1h3c.551 0 1-.449 1-1V6c0-.551-.449-1-1-1z"/></svg>

Component:

      export function WpfEnd(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 26 26" {...props}><path fill="currentColor" d="M16 5c-.551 0-1 .449-1 1v4.875L7.906 5.25a1.34 1.34 0 0 0-1.281.063C6.239 5.545 6 5.963 6 6.405v13.188c0 .443.239.86.625 1.093c.208.127.449.188.688.188c.2 0 .408-.033.593-.125L15 15.125V20c0 .551.449 1 1 1h3c.551 0 1-.449 1-1V6c0-.551-.449-1-1-1z"/></svg>
  )
}

With @iconify/vue:

      <Icon icon="wpf:end" />

With nuxt-icon:

      <Icon name="wpf:end" />

Component:

      <template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 26 26"><path fill="currentColor" d="M16 5c-.551 0-1 .449-1 1v4.875L7.906 5.25a1.34 1.34 0 0 0-1.281.063C6.239 5.545 6 5.963 6 6.405v13.188c0 .443.239.86.625 1.093c.208.127.449.188.688.188c.2 0 .408-.033.593-.125L15 15.125V20c0 .551.449 1 1 1h3c.551 0 1-.449 1-1V6c0-.551-.449-1-1-1z"/></svg>
</template>

<script>
export default {
  name: 'WpfEnd'
}
</script>

With @iconify/svelte:

      <Icon icon="wpf:end" />

Component:

      <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 26 26"><path fill="currentColor" d="M16 5c-.551 0-1 .449-1 1v4.875L7.906 5.25a1.34 1.34 0 0 0-1.281.063C6.239 5.545 6 5.963 6 6.405v13.188c0 .443.239.86.625 1.093c.208.127.449.188.688.188c.2 0 .408-.033.593-.125L15 15.125V20c0 .551.449 1 1 1h3c.551 0 1-.449 1-1V6c0-.551-.449-1-1-1z"/></svg>

Component:

      export function WpfEnd(props, key) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 26 26" {...props} key={key}><path fill="currentColor" d="M16 5c-.551 0-1 .449-1 1v4.875L7.906 5.25a1.34 1.34 0 0 0-1.281.063C6.239 5.545 6 5.963 6 6.405v13.188c0 .443.239.86.625 1.093c.208.127.449.188.688.188c.2 0 .408-.033.593-.125L15 15.125V20c0 .551.449 1 1 1h3c.551 0 1-.449 1-1V6c0-.551-.449-1-1-1z"/></svg>
  )
}

StrongMe - Mindfulness journal

Capture every small win, cherish every beautiful moment, and share every joy of growth.