Home/Libraries/SVG Logos (Iconify)/todoist

SVG Logos (Iconify)

Todoist

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 130"><path fill="#818cf8" 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="#818cf8" 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="#818cf8" 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="#818cf8" 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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. TodoistIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.