Home/Libraries/Freehand free icons (Iconify)/task-list-pin-1

Freehand free icons (Iconify)

TaskListPin1

License: CC-BY-4.0

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 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M23.092 6.598a4.7 4.7 0 0 0-.52-2.313a2.9 2.9 0 0 0-1.493-1.072a2.3 2.3 0 0 0-1.132.09a2.5 2.5 0 0 1-1.322.09a.3.3 0 0 0-.37.24a.32.32 0 0 0 .24.381c.53.13 1.085.123 1.612-.02c.263-.095.546-.123.822-.08c.436.161.816.447 1.091.821c.3.833.407 1.724.31 2.604c0 1.483-.11 3.195-.22 4.287c-.14 1.312-.2 2.945-.43 4.487c-.07.47-.16.921-.27 1.362c-.4 0-.8-.037-1.192-.11c-1.112-.22-2.144-.661-3.315-.891a3.1 3.1 0 0 0-1.433.08a1.46 1.46 0 0 0-.921.78a2.8 2.8 0 0 0-.23 1.002c-.07.702 0 1.513 0 2.064c0 .55 0 1.091-.09 1.632c0 .25-.07.5-.1.751c-3.181.296-6.388.14-9.525-.46a7.2 7.2 0 0 1-1.853-.541a3.2 3.2 0 0 1-.852-.551c.1-.661.611-2.183.661-2.384a43 43 0 0 0 .621-4.126a39 39 0 0 0 .21-4.177c0-.84-.35-2.794-.34-4.326a2.65 2.65 0 0 1 .32-1.563a3 3 0 0 1 2.094-1.001a24 24 0 0 1 3.936.2a.28.28 0 0 0 .29-.26a.29.29 0 0 0-.27-.3a26 26 0 0 0-4.006-.271a3.7 3.7 0 0 0-2.554 1.202a3.5 3.5 0 0 0-.51 2.003c0 1.522.26 3.495.25 4.336a37 37 0 0 1-.291 4.077a43 43 0 0 1-.691 4.006c0 .2-.611 1.793-.711 2.464a.85.85 0 0 0 .14.69c.365.387.8.7 1.282.922c.677.308 1.39.527 2.123.651c2.885.49 7.412 1.002 11.188.23c2.724-.59 5.007-1.892 6.159-4.326c.408-.958.674-1.97.791-3.005c.21-1.562.24-3.215.36-4.537a44 44 0 0 0 .141-5.138M15.42 22.623c-.21.05-.43.07-.64.11c.06-.28.14-.55.18-.831a43 43 0 0 0 .24-1.382c.07-.531.08-1.332.17-2.003c.03-.234.09-.464.18-.681c.07-.16.25-.21.421-.25c.269-.045.543-.045.811 0c1.172.13 2.224.49 3.355.61q.556.045 1.112 0q-.14.39-.3.751c-1.012 2.074-3.115 3.135-5.529 3.636z"/><path d="M11.895 4.445q.295.19.62.32a6 6 0 0 0-.54.611a5 5 0 0 0-.26.431a2.7 2.7 0 0 0-.2.46c-.141.381-.241.752-.351 1.133a.32.32 0 0 0 .125.474a.32.32 0 0 0 .445-.204c.22-.32.451-.621.672-.941q.136-.205.25-.421q.12-.209.21-.43c.12-.301.21-.592.31-.882a.25.25 0 0 0 .251-.14a.27.27 0 0 0-.041-.307a.3.3 0 0 0-.09-.064l-.11-.06h-.05q-.436-.195-.82-.48a.9.9 0 0 1-.311-.522a1.59 1.59 0 0 1 .711-1.882a2.3 2.3 0 0 1 2.073-.401c.363.135.701.328 1.002.57c.272.204.461.5.53.832a1.67 1.67 0 0 1-.67 1.452a1.74 1.74 0 0 1-1.603.531a.32.32 0 0 0-.22.601a2.51 2.51 0 0 0 2.333-.53a2.55 2.55 0 0 0 1.062-2.204a2.17 2.17 0 0 0-.55-1.242A4 4 0 0 0 15.14.148a3.3 3.3 0 0 0-3.075.601a2.384 2.384 0 0 0-.801 2.935c.127.312.347.578.63.761m8.063 5.559a.31.31 0 0 0-.38-.23a19 19 0 0 1-3.185.31c-.791 0-1.583 0-2.394-.11s-1.582-.15-2.384-.27a24 24 0 0 0-3.886-.351a4.94 4.94 0 0 0-2.564.86a.28.28 0 0 0-.172.294a.28.28 0 0 0 .463.178a4.5 4.5 0 0 1 2.293-.541c1.253.109 2.495.313 3.716.61c1.37.193 2.753.276 4.137.251a18.4 18.4 0 0 0 4.116-.62a.32.32 0 0 0 .24-.381m-4.036 4.787a9.5 9.5 0 0 0 3.005-.3a.315.315 0 0 0-.15-.611a8.9 8.9 0 0 1-2.775.05c-.701-.08-1.402-.23-2.083-.37l-2.113-.472a12.8 12.8 0 0 0-3.726-.34a5.2 5.2 0 0 0-2.414.861a.28.28 0 0 0 .085.51a.3.3 0 0 0 .216-.03a4.6 4.6 0 0 1 2.163-.55a9 9 0 0 1 2.053.27c.46.1.932.2 1.392.32c.681.151 1.402.321 2.144.442a17 17 0 0 0 2.203.22m-6.069 2.344a9 9 0 0 0-1.523-.32a5 5 0 0 0-2.644.44a.28.28 0 0 0-.18.35a.29.29 0 0 0 .35.18a4 4 0 0 1 1.142-.1q.466.03.922.12l.941.18c1.009.226 2.042.327 3.075.301a.31.31 0 0 0 .32-.31a.32.32 0 0 0-.31-.32a11.6 11.6 0 0 1-2.093-.521"/></g></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. TaskListPin1Icon.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-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.