Folder Todo icon

quill:folder-todo

The Folder Todo icon (quill:folder-todo) is a free SVG icon from the Quill Icons set by Casper Lourens. It is drawn on a 32 × 32 grid. Quill Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Quill Icons
Author: Casper Lourens
License: MIT
Size: 32 × 32
Category: Folders
Tags: foldertodo

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M12.707 16.293a1 1 0 0 0-1.414 1.414zM15 20l-.707.707a1 1 0 0 0 1.414 0zm6.207-4.793a1 1 0 0 0-1.414-1.414zm-9.914 2.5l3 3l1.414-1.414l-3-3zm4.414 3l5.5-5.5l-1.414-1.414l-5.5 5.5zM29 24V11h-2v13zM26.003 8H17v2h9.003zM17 8c-.208 0-.36-.063-.552-.228c-.245-.21-.442-.477-.805-.912c-.327-.393-.755-.872-1.35-1.24C13.678 5.236 12.933 5 12 5v2c.568 0 .947.138 1.238.318c.311.194.571.465.869.822c.262.315.627.797 1.04 1.15c.463.398 1.06.71 1.853.71zm-5-3H6v2h6zM3 8v16h2V8zm3 19h20v-2H6zM6 5a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1zm23 6c0-1.655-1.338-3-2.997-3v2c.55 0 .997.446.997 1zM3 24a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1zm24 0a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3z"/></svg>

How to use the Folder Todo icon

React

import { Icon } from "@iconify/react";

<Icon icon="quill:folder-todo" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="quill:folder-todo" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="quill:folder-todo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[quill--folder-todo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/quill -->
<div class="i-quill:folder-todo"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="quill:folder-todo"></iconify-icon>

HTML image

<img src="https://icons.sys.karaztherapy.ma/api/public/svg/quill/folder-todo.svg" alt="Folder Todo icon" width="24" height="24">

Related icons in Quill Icons

Folder Todo icon in other icon sets

Folder Todo icon FAQ

Is the Folder Todo icon free for commercial use?

Yes. Quill Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Folder Todo icon in React?

Install @iconify/react and render <Icon icon="quill:folder-todo" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Folder Todo icon to a web page?

Link the SVG file in an image tag: <img src="https://icons.sys.karaztherapy.ma/api/public/svg/quill/folder-todo.svg" alt="Folder Todo icon">, or paste the SVG code inline to style it with CSS.

Browse all Quill Icons →