iconoir:arrow-down

      <span class="icon-[iconoir--arrow-down]"></span>
    

      <span class="i-iconoir-arrow-down"></span>
    

      import IconoirArrowDown from '~icons/iconoir/arrow-down'
    

      <IconoirArrowDown />
    

      <Icon icon="iconoir:arrow-down" />
    

      <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M12 3v18m0 0l8.5-8.5M12 21l-8.5-8.5"/></svg>
    

      export function IconoirArrowDown(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 3v18m0 0l8.5-8.5M12 21l-8.5-8.5"/></svg>
  )
}
    

      <Icon icon="iconoir:arrow-down" />
    

      <Icon name="iconoir:arrow-down" />
    

      <template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 3v18m0 0l8.5-8.5M12 21l-8.5-8.5"/></svg>
</template>

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

      <Icon icon="iconoir:arrow-down" />
    

      <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 3v18m0 0l8.5-8.5M12 21l-8.5-8.5"/></svg>
    

      export function IconoirArrowDown(props, key) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props} key={key}><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 3v18m0 0l8.5-8.5M12 21l-8.5-8.5"/></svg>
  )
}