Ikon Todoist
logos:todoist
Ikon Todoist (logos:todoist) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 130. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 130
Kode SVG
<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>Cara memakai ikon Todoist
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/todoist.svg" alt="Ikon Todoist" width="24" height="24">Ikon terkait di SVG Logos
Ikon Todoist di set ikon lain
FAQ Ikon Todoist
Apakah ikon Todoist gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Todoist di React?
Pasang @iconify/react lalu render <Icon icon="logos:todoist" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Todoist ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/todoist.svg" alt="Ikon Todoist">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.