Home/Libraries/Freehand free icons (Iconify)/vectors-path-flat

Freehand free icons (Iconify)

VectorsPathFlat

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"><path fill="#818cf8" fill-rule="evenodd" d="M1.078 8.878c1.28.66 3.29-.16 3.5-1.5v-.8h-.11a2.6 2.6 0 0 0-.19-.37c-.84-1.22-2.28-2.01-3.42-1.07a2.3 2.3 0 0 0 .22 3.74m.32-3.14c.67-.69 3.21 1.18 1.68 2c-.92.49-1.97.25-2.08-.75a1.57 1.57 0 0 1 .4-1.25m1.38 9.692a1 1 0 0 0 0-.16h-.8a1.75 1.75 0 0 0-1.13.4c-1.51 1.08-.63 3.55 1.2 3.7a2.09 2.09 0 0 0 2.39-1.69a2 2 0 0 0-1.66-2.25m.76 2.11a1.24 1.24 0 0 1-2.29 0c-.8-1.86 2.81-2.06 2.29 0M21.122 5.118a2.1 2.1 0 0 0-1.55 1.43h-.11v.73h.06a2.3 2.3 0 0 0 2.22 1.71c3.34.07 2.84-4.5-.62-3.87m-.56 1.56a1.29 1.29 0 0 1 2.52.41c-.18 1.25-2.88.73-2.52-.41m-.72 7.312h.84a8.25 8.25 0 0 0-5.1-6.311l-.84-.32c.663.09 1.336.09 2 0l1.74-.05v-.82c-1.07-.06-2.68-.15-3.84-.17c-1.1.68-.82 1.3 0 1.89a11.4 11.4 0 0 1 3.07 2.32a8.6 8.6 0 0 1 1.35 1.6c.348.58.61 1.207.78 1.86M8.3 8.119c.89-.57 1.11-1.16 0-1.79c-.916-.093-1.84-.07-2.75.07v1c.894.052 1.792.016 2.68-.11c-.32.16-.63.36-.88.48c-2.76 1.22-4.351 2.61-5.111 5.49a7 7 0 0 0-.19 1.061h.8a9.7 9.7 0 0 1 .85-2a10.3 10.3 0 0 1 4-3.721c.17-.1.381-.25.601-.41zm12.612 6.871h-.91v.09a2 2 0 0 0-1.34 2.64c1 1.8 3.8 1.26 4.08-.33a2.37 2.37 0 0 0-1.83-2.4m1 2.22a1.33 1.33 0 0 1-2.21 0c-.27-.42.07-.89.48-1.18c1.11-.86 1.87.61 1.72 1.13zM13.67 5.618c0-1.2-.61-1-1.28-1q-.405-.03-.81 0c-1.66.09-2 .11-2.11.74c0 .07-.18 2.38-.11 2.35c.1 1.17.92 1.24 2.27 1.3c.46.065.929.024 1.37-.12a1.26 1.26 0 0 0 .55-1.12c-.01-.53.12-2.15.12-2.15m-1.17 1v.83c-.06.9.15.36-.83.37c-1.35 0-1.44.16-1.42-.9c0-.19-.07-.66-.09-1.1a3 3 0 0 1 .08-.42h1.39a3.3 3.3 0 0 1 1.09.22c-.09.37-.18.7-.22 1" clip-rule="evenodd"/></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. VectorsPathFlatIcon.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.