add-task-list(insert,include,append,attach,combine,assignment,job,duty,mission,undertaking,inventory,catalog,register,record,index) 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-[ix--add-task-list]"></span>

With @egoist/tailwindcss-icons: Installation Guide

      <span class="i-ix-add-task-list"></span>

HTML Tag: SEO / AccessibilityJSXSelf closing tag

      <span class="i-ix-add-task-list"></span>

Installation Guide

Import component:

      import IxAddTaskList from '~icons/ix/add-task-list'

Use component:

      <IxAddTaskList />

Installation Guide

Iconify Web Component：Installation Guide

      <iconify-icon icon="ix:add-task-list"></iconify-icon>

Iconify URL：

      https://api.iconify.design/ix:add-task-list.svg

With @iconify/react:

      <Icon icon="ix:add-task-list" />

JSX:

      <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" fillRule="evenodd" d="M256 85.334h170.666V128H256zm0 149.333h170.666v42.667H256zM189.814 46.126l25.364 19.51l-76.032 98.843l-68.617-60.04l21.072-24.082l42.968 37.574zm0 149.333l25.364 19.511l-76.032 98.842l-68.617-60.04l21.072-24.082l42.968 37.574zM426.666 320v64h64v42.667h-64v64H384v-64h-64V384h64v-64z"/></svg>

Component:

      export function IxAddTaskList(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512" {...props}><path fill="currentColor" fill-rule="evenodd" d="M256 85.334h170.666V128H256zm0 149.333h170.666v42.667H256zM189.814 46.126l25.364 19.51l-76.032 98.843l-68.617-60.04l21.072-24.082l42.968 37.574zm0 149.333l25.364 19.511l-76.032 98.842l-68.617-60.04l21.072-24.082l42.968 37.574zM426.666 320v64h64v42.667h-64v64H384v-64h-64V384h64v-64z"/></svg>
  )
}

With @iconify/vue:

      <Icon icon="ix:add-task-list" />

With nuxt-icon:

      <Icon name="ix:add-task-list" />

Component:

      <template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M256 85.334h170.666V128H256zm0 149.333h170.666v42.667H256zM189.814 46.126l25.364 19.51l-76.032 98.843l-68.617-60.04l21.072-24.082l42.968 37.574zm0 149.333l25.364 19.511l-76.032 98.842l-68.617-60.04l21.072-24.082l42.968 37.574zM426.666 320v64h64v42.667h-64v64H384v-64h-64V384h64v-64z"/></svg>
</template>

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

With @iconify/svelte:

      <Icon icon="ix:add-task-list" />

Component:

      <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M256 85.334h170.666V128H256zm0 149.333h170.666v42.667H256zM189.814 46.126l25.364 19.51l-76.032 98.843l-68.617-60.04l21.072-24.082l42.968 37.574zm0 149.333l25.364 19.511l-76.032 98.842l-68.617-60.04l21.072-24.082l42.968 37.574zM426.666 320v64h64v42.667h-64v64H384v-64h-64V384h64v-64z"/></svg>

Component:

      export function IxAddTaskList(props, key) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512" {...props} key={key}><path fill="currentColor" fill-rule="evenodd" d="M256 85.334h170.666V128H256zm0 149.333h170.666v42.667H256zM189.814 46.126l25.364 19.51l-76.032 98.843l-68.617-60.04l21.072-24.082l42.968 37.574zm0 149.333l25.364 19.511l-76.032 98.842l-68.617-60.04l21.072-24.082l42.968 37.574zM426.666 320v64h64v42.667h-64v64H384v-64h-64V384h64v-64z"/></svg>
  )
}

StrongMe - Mindfulness journal

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