Todoist icon

logos:todoist

The Todoist icon (logos:todoist) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 130 grid. SVG Logos icons are released under the CC0 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: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 130

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="130" viewBox="0 0 512 130"><path fill="#e44332" d="M220.837 77.727a17.7 17.7 0 0 0 1.048 6.047a15.2 15.2 0 0 0 7.97 8.737q2.863 1.342 6.491 1.342c2.42 0 4.58-.443 6.491-1.342a15.35 15.35 0 0 0 4.89-3.58a15.4 15.4 0 0 0 3.076-5.16a17.8 17.8 0 0 0 1.04-6.048c0-2.08-.346-4.104-1.036-6.047a15.3 15.3 0 0 0-3.072-5.148a15.4 15.4 0 0 0-4.894-3.58a15.1 15.1 0 0 0-6.49-1.35c-2.411 0-4.58.455-6.491 1.35a15.2 15.2 0 0 0-7.966 8.728a17.8 17.8 0 0 0-1.049 6.047m-12.917.645c0-4.273.766-8.164 2.286-11.65a27.25 27.25 0 0 1 6.185-8.959a27.2 27.2 0 0 1 9.232-5.749A32 32 0 0 1 237 49.986c4.003 0 7.792.678 11.356 2.024a27.4 27.4 0 0 1 9.249 5.75a27.35 27.35 0 0 1 6.18 8.95c1.52 3.494 2.282 7.377 2.282 11.662s-.766 8.172-2.282 11.663a27.2 27.2 0 0 1-6.18 8.95a27.3 27.3 0 0 1-9.245 5.745a31.7 31.7 0 0 1-11.352 2.024a31.8 31.8 0 0 1-11.37-2.024a27.1 27.1 0 0 1-9.231-5.74a27.1 27.1 0 0 1-6.18-8.95c-1.52-3.496-2.282-7.378-2.282-11.664m77.485-.649q-.002 3.145 1.048 6.047a15.2 15.2 0 0 0 3.072 5.16a15.4 15.4 0 0 0 4.894 3.577q2.861 1.342 6.491 1.342c2.419 0 4.58-.443 6.49-1.342c1.896-.887 3.532-2.085 4.887-3.58a15.4 15.4 0 0 0 3.08-5.16a18 18 0 0 0 1.036-6.048c0-2.08-.35-4.104-1.04-6.047a15.3 15.3 0 0 0-3.08-5.148a15.25 15.25 0 0 0-4.89-3.58a15.1 15.1 0 0 0-6.491-1.35c-2.419 0-4.58.455-6.49 1.35a15.2 15.2 0 0 0-7.967 8.728a17.7 17.7 0 0 0-1.048 6.047zm32.413 18.424h-.226c-1.947 3.258-4.555 5.624-7.853 7.104a25.9 25.9 0 0 1-10.66 2.21c-4.192 0-7.909-.715-11.166-2.158a25.1 25.1 0 0 1-8.362-5.934a25.4 25.4 0 0 1-5.281-8.87a32.8 32.8 0 0 1-1.786-10.965c0-3.919.629-7.58 1.91-10.982a27 27 0 0 1 5.322-8.87a24.5 24.5 0 0 1 8.245-5.926c3.225-1.451 6.74-2.169 10.546-2.169c2.552 0 4.798.262 6.745.774c1.947.525 3.66 1.182 5.16 2.004a19.6 19.6 0 0 1 6.398 5.318h.335V28.37c0-1.33 1.064-2.895 2.935-2.895h7.611c1.758 0 2.927 1.46 2.927 2.895v72.865c0 1.854-1.588 2.903-2.927 2.903h-6.93a2.955 2.955 0 0 1-2.943-2.903zm34.752-18.424c0 2.097.354 4.112 1.048 6.047a15.3 15.3 0 0 0 3.084 5.16a15.3 15.3 0 0 0 4.894 3.577c1.895.895 4.072 1.342 6.483 1.342c2.419 0 4.58-.443 6.49-1.342a15.3 15.3 0 0 0 4.89-3.58a15.4 15.4 0 0 0 3.08-5.16a18 18 0 0 0 1.037-6.048c0-2.08-.343-4.104-1.032-6.047a15.4 15.4 0 0 0-3.076-5.148a15.3 15.3 0 0 0-4.89-3.58a15.1 15.1 0 0 0-6.491-1.35c-2.411 0-4.58.455-6.483 1.35a15.22 15.22 0 0 0-7.978 8.728a17.9 17.9 0 0 0-1.048 6.047m-12.913.645c0-4.273.766-8.164 2.286-11.65a27.1 27.1 0 0 1 6.18-8.959a27.2 27.2 0 0 1 9.232-5.749a32 32 0 0 1 11.369-2.024c4.003 0 7.793.678 11.353 2.024a27.4 27.4 0 0 1 9.244 5.75a27.3 27.3 0 0 1 6.18 8.95c1.52 3.494 2.282 7.377 2.282 11.662s-.766 8.172-2.286 11.663a27.3 27.3 0 0 1-6.184 8.95a27.2 27.2 0 0 1-9.244 5.745a31.7 31.7 0 0 1-11.353 2.024a31.8 31.8 0 0 1-11.369-2.024a27.1 27.1 0 0 1-9.232-5.74a27.1 27.1 0 0 1-6.18-8.95c-1.524-3.496-2.286-7.378-2.286-11.664M404.27 31.93c0-2.08.782-3.882 2.339-5.43c1.572-1.54 3.547-2.31 5.946-2.31s4.419.734 6.047 2.205c1.637 1.468 2.46 3.314 2.46 5.535c0 2.218-.823 4.072-2.46 5.536c-1.628 1.471-3.648 2.205-6.047 2.205c-2.395 0-4.37-.766-5.942-2.318q-2.347-2.309-2.347-5.423m55.466 34.39c-1.33 0-2.298-1.017-2.472-1.46c-1.104-2.943-4.628-4.052-7.474-4.052c-4.487 0-8.007 2.113-8.007 5.745c0 3.515 3.407 4.233 5.511 4.878c2.306.714 6.721 1.693 9.152 2.274a29.2 29.2 0 0 1 6.934 2.592c7.055 3.725 8.063 9.587 8.063 13.119c0 13.013-12.7 17.335-21.512 17.335c-6.797 0-19.565-1.048-22.367-14.211c-.274-1.278.847-3.25 2.895-3.25h7.337c1.452 0 2.42 1.069 2.701 1.907c.952 2.65 3.951 4.645 9.007 4.645c5.426 0 8.635-2.185 8.635-5.092c0-1.879-1.048-3.556-2.419-4.495c-4.112-2.838-14.291-3.157-19.815-6.144c-2.116-1.141-7.426-3.757-7.426-12.667c0-12.276 10.99-17.456 20.642-17.456c14.239 0 19.464 9.139 20.052 12.525c.323 1.871-.705 3.806-2.773 3.806h-6.672zm13.001-7.358v-5.544c0-1.33 1.06-2.914 2.943-2.914h7.249V36.888c0-1.46 1.008-2.346 1.762-2.673c.443-.193 4.507-1.935 7.74-3.334c2.27-.915 4.1.928 4.1 2.693v16.933h12.002c1.854 0 2.955 1.588 2.955 2.91v5.552c0 1.612-1.46 2.923-2.955 2.923h-12.006v23.463c0 2.685-.08 4.781.968 6.33c.947 1.422 2.346 1.946 5.148 1.946c.798 0 1.516-.133 2.12-.334c1.774-.605 3.105.423 3.56 1.29c.88 1.681 1.895 3.536 2.605 4.866a2.963 2.963 0 0 1-1.274 4.007c-2.298 1.105-5.491 2-9.865 2c-3.629 0-5.677-.391-7.97-1.17a13.7 13.7 0 0 1-5.806-4.047c-1.33-1.596-1.992-3.741-2.48-6.128c-.495-2.378-.612-5.269-.612-8.401V61.887h-7.233c-1.895 0-2.955-1.62-2.955-2.93m-306.148.004v-5.544c0-1.33 1.032-2.914 2.863-2.914h8.07V36.888c0-1.46.976-2.346 1.718-2.673c.436-.193 4.387-1.935 7.54-3.334c2.208-.915 3.99.928 3.99 2.693v16.933h11.692c1.806 0 2.882 1.588 2.882 2.91v5.552c0 1.612-1.423 2.923-2.878 2.923h-11.692v23.463c0 2.685-.08 4.781.928 6.33c.927 1.422 2.298 1.946 5.023 1.946c.782 0 1.48-.133 2.072-.334a2.8 2.8 0 0 1 3.467 1.29c.859 1.681 1.847 3.536 2.54 4.866c.758 1.451.145 3.326-1.25 4.007c-2.237 1.105-5.342 2-9.595 2c-3.535 0-5.535-.391-7.768-1.17a13.36 13.36 0 0 1-5.66-4.047c-1.299-1.596-1.936-3.741-2.42-6.128c-.483-2.378-.596-5.269-.596-8.401V61.887h-8.051c-1.855 0-2.883-1.62-2.883-2.93m243.092 45.217h7.297c1.548 0 2.81-1.29 2.81-2.875V54.155a2.85 2.85 0 0 0-2.806-2.874h-7.297a2.846 2.846 0 0 0-2.814 2.874V101.3c0 1.58 1.257 2.875 2.805 2.875M113.031 0H16.146C7.245.02.031 7.225 0 16.126v96.756c0 8.87 7.265 16.126 16.146 16.126h96.885c8.881 0 16.146-7.257 16.146-16.126V16.126c0-8.87-7.265-16.126-16.146-16.126"/><path fill="#fff" d="M27.382 61.105c2.258-1.318 50.756-29.502 51.865-30.155c1.109-.645 1.17-2.629-.08-3.346c-1.242-.714-3.6-2.069-4.475-2.589a4.06 4.06 0 0 0-4 .049c-.62.363-42.06 24.43-43.443 25.22c-1.665.952-3.71.968-5.362 0L0 37.442v10.917c5.322 3.136 18.573 10.925 21.782 12.76c1.915 1.088 3.75 1.064 5.604-.013"/><path fill="#fff" d="M27.382 81.747c2.258-1.319 50.756-29.503 51.865-30.156c1.109-.645 1.17-2.628-.08-3.346c-1.242-.714-3.6-2.068-4.475-2.588a4.06 4.06 0 0 0-4 .048c-.62.363-42.06 24.43-43.443 25.221c-1.665.952-3.71.968-5.362 0L0 58.082v10.917c5.322 3.137 18.573 10.925 21.782 12.76c1.915 1.088 3.75 1.064 5.604-.012"/><path fill="#fff" d="M27.382 103.678c2.258-1.318 50.756-29.503 51.865-30.156c1.109-.645 1.17-2.628-.08-3.346c-1.242-.713-3.6-2.068-4.475-2.588a4.06 4.06 0 0 0-4 .048c-.62.363-42.06 24.431-43.443 25.221c-1.665.952-3.71.968-5.362 0L0 80.013V90.93c5.322 3.137 18.573 10.926 21.782 12.76c1.915 1.089 3.75 1.064 5.604-.012"/></svg>

How to use the Todoist icon

React

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

<Icon icon="logos:todoist" width="24" />

Vue

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

<template>
  <Icon icon="logos:todoist" width="24" />
</template>

Svelte

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

<Icon icon="logos:todoist" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--todoist]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:todoist"></div>

Web component

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

<iconify-icon icon="logos:todoist"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/todoist.svg" alt="Todoist icon" width="24" height="24">

Related icons in SVG Logos

Todoist icon in other icon sets

Todoist icon FAQ

Is the Todoist icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Todoist icon in React?

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

How do I add the Todoist icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/todoist.svg" alt="Todoist icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →