IconSearch logoIconsearch
Home/Libraries/Arcticons (Iconify)/taskade
← Back to Search
Arcticons (Iconify)

Taskade

License: CC-BY-SA-4.0


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 48 48"><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M24.237 2.47c1.089 0 2.023.657 2.433 1.596a.24.24 0 0 0 .223.145a.23.23 0 0 0 .178-.082a2.66 2.66 0 0 1 2.723-.864a2.66 2.66 0 0 1 1.938 2.177a.24.24 0 0 0 .371.159a2.67 2.67 0 0 1 1.53-.484a2.66 2.66 0 0 1 2.632 2.961a.24.24 0 0 0 .318.25a2.64 2.64 0 0 1 2.788.617c.771.771.967 1.899.591 2.854a.24.24 0 0 0 .243.323a2.65 2.65 0 0 1 2.534 1.318a2.66 2.66 0 0 1-.167 2.912a.24.24 0 0 0 .15.375a2.66 2.66 0 0 1 1.193 4.699a.24.24 0 0 0 .05.4a2.657 2.657 0 0 1-.058 4.846c-.16.07-.196.29-.062.402a2.659 2.659 0 0 1-1.312 4.667a.24.24 0 0 0-.158.372c.574.82.66 1.931.127 2.856a2.65 2.65 0 0 1-2.628 1.31a.24.24 0 0 0-.222.32a2.66 2.66 0 0 1-.616 2.791a2.64 2.64 0 0 1-1.875.778c-.332 0-.663-.062-.977-.185a.2.2 0 0 0-.084-.017a.24.24 0 0 0-.238.26a2.66 2.66 0 0 1-2.64 2.893a2.67 2.67 0 0 1-1.584-.523a.23.23 0 0 0-.137-.046a.24.24 0 0 0-.238.196a2.655 2.655 0 0 1-2.615 2.201a2.66 2.66 0 0 1-2.077-1.006a.23.23 0 0 0-.183-.087a.24.24 0 0 0-.218.136a2.653 2.653 0 0 1-4.84-.057a.24.24 0 0 0-.222-.145a.23.23 0 0 0-.178.082a2.66 2.66 0 0 1-2.723.863a2.66 2.66 0 0 1-1.938-2.176a.24.24 0 0 0-.371-.159a2.67 2.67 0 0 1-1.53.484a2.66 2.66 0 0 1-2.632-2.961a.24.24 0 0 0-.318-.25a2.66 2.66 0 0 1-2.788-.616a2.66 2.66 0 0 1-.591-2.856a.24.24 0 0 0-.243-.323a2.65 2.65 0 0 1-2.534-1.318a2.66 2.66 0 0 1 .167-2.911a.24.24 0 0 0-.15-.375a2.659 2.659 0 0 1-1.193-4.698a.24.24 0 0 0-.05-.402a2.657 2.657 0 0 1 .058-4.846c.16-.07.197-.289.062-.401a2.66 2.66 0 0 1 1.312-4.668a.24.24 0 0 0 .159-.372a2.66 2.66 0 0 1-.128-2.856a2.65 2.65 0 0 1 2.628-1.31a.24.24 0 0 0 .223-.319a2.66 2.66 0 0 1 .615-2.792a2.66 2.66 0 0 1 2.852-.592a.2.2 0 0 0 .084.016a.24.24 0 0 0 .238-.259a2.66 2.66 0 0 1 2.64-2.893a2.66 2.66 0 0 1 1.584.523a.23.23 0 0 0 .137.045a.24.24 0 0 0 .238-.196a2.656 2.656 0 0 1 2.615-2.2a2.66 2.66 0 0 1 2.077 1.005a.23.23 0 0 0 .183.088a.24.24 0 0 0 .218-.136a2.65 2.65 0 0 1 2.407-1.539"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M39.536 23.251H38.8c-1.32 0-2.453-.79-2.96-1.922c-.507 1.132-1.64 1.922-2.96 1.922s-2.453-.79-2.96-1.922c-.507 1.132-1.64 1.922-2.96 1.922s-2.453-.79-2.96-1.922c-.507 1.132-1.64 1.922-2.96 1.922s-2.453-.79-2.96-1.922c-.508 1.132-1.64 1.922-2.96 1.922s-2.453-.79-2.96-1.922a3.24 3.24 0 0 1-2.96 1.922h-.728c-1.104 1.19-.404 2.194 2.322 2.194v6.106c0 5.738 6.6 8.607 13.199 8.607S37.19 37.29 37.19 31.551v-6.106c2.728 0 3.44-1.005 2.345-2.194"/><circle cx="15.556" cy="33.189" r=".75" fill="#818cf8"/><circle cx="32.445" cy="33.189" r=".75" fill="#818cf8"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

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. TaskadeIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.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.

Related Icons in Arcticons (Iconify)

Browse all Arcticons (Iconify) icons →
001-taxis
001-taxis
0h-h1
0h-h1
0h-n0
0h-n0
0xchat
0xchat
1-and-1-tv
1-and-1-tv
1-gb-gift-bank
1-gb-gift-bank
1-second-everyday
1-second-everyday
1-tl
1-tl
10-minute-school
10-minute-school
10-play
10-play
100
100
10000-sentences
10000-sentences