bookmark-list-ltr(favorite,save,marker,flag,tag,inventory,catalog,register,record,index,left-to-right,direction,writing,text,language) 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-[ooui--bookmark-list-ltr]"></span>

With @egoist/tailwindcss-icons: Installation Guide

      <span class="i-ooui-bookmark-list-ltr"></span>

HTML Tag: SEO / AccessibilityJSXSelf closing tag

      <span class="i-ooui-bookmark-list-ltr"></span>

Installation Guide

Import component:

      import OouiBookmarkListLtr from '~icons/ooui/bookmark-list-ltr'

Use component:

      <OouiBookmarkListLtr />

Installation Guide

Iconify Web Component：Installation Guide

      <iconify-icon icon="ooui:bookmark-list-ltr"></iconify-icon>

Iconify URL：

      https://api.iconify.design/ooui:bookmark-list-ltr.svg

With @iconify/react:

      <Icon icon="ooui:bookmark-list-ltr" />

JSX:

      <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M18 8a1 1 0 0 1 1 1v9l-4-3.5l-4 3.5V9a1 1 0 0 1 1-1zM8 17H1v-2h7.1v2Zm0-6H1V9h7.1v2Zm10-6H1V3h17z"/></svg>

Component:

      export function OouiBookmarkListLtr(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20" {...props}><path fill="currentColor" d="M18 8a1 1 0 0 1 1 1v9l-4-3.5l-4 3.5V9a1 1 0 0 1 1-1zM8 17H1v-2h7.1v2Zm0-6H1V9h7.1v2Zm10-6H1V3h17z"/></svg>
  )
}

With @iconify/vue:

      <Icon icon="ooui:bookmark-list-ltr" />

With nuxt-icon:

      <Icon name="ooui:bookmark-list-ltr" />

Component:

      <template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M18 8a1 1 0 0 1 1 1v9l-4-3.5l-4 3.5V9a1 1 0 0 1 1-1zM8 17H1v-2h7.1v2Zm0-6H1V9h7.1v2Zm10-6H1V3h17z"/></svg>
</template>

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

With @iconify/svelte:

      <Icon icon="ooui:bookmark-list-ltr" />

Component:

      <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M18 8a1 1 0 0 1 1 1v9l-4-3.5l-4 3.5V9a1 1 0 0 1 1-1zM8 17H1v-2h7.1v2Zm0-6H1V9h7.1v2Zm10-6H1V3h17z"/></svg>

Component:

      export function OouiBookmarkListLtr(props, key) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20" {...props} key={key}><path fill="currentColor" d="M18 8a1 1 0 0 1 1 1v9l-4-3.5l-4 3.5V9a1 1 0 0 1 1-1zM8 17H1v-2h7.1v2Zm0-6H1V9h7.1v2Zm10-6H1V3h17z"/></svg>
  )
}

StrongMe - Mindfulness journal

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