Home/Libraries/Freehand free icons (Iconify)/ui-step-indicator-2

Freehand free icons (Iconify)

UiStepIndicator2

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="M4.27 11.788a2 2 0 0 0-1.757-1.797a2.3 2.3 0 0 0-1.598.479a2.43 2.43 0 0 0-.858 1.368c-.6 2.836 3.754 2.886 4.184.69q.034-.37.03-.74m-3.265.31c.103-.245.26-.464.46-.64a1.34 1.34 0 0 1 .998-.369a1 1 0 0 1 .939 1.099c.07 2.017-3.006 1.578-2.397-.09m15.977-.2a4.194 4.194 0 0 0-3.934-4.274a5.35 5.35 0 0 0-3.465.939a5.3 5.3 0 0 0-2.088 2.906c0 .14-.07.27-.1.41q-.08.359-.07.728c0 1.798 1.139 3.475 4.075 3.725a.3.3 0 0 0 .32-.25a.31.31 0 0 0-.26-.32h-.15l2.427-2.066l2.317-1.938q.015.215 0 .43a3.314 3.314 0 0 1-3.166 3.565a.32.32 0 0 0-.31.33a.32.32 0 0 0 .33.309a3.994 3.994 0 0 0 3.995-3.705q.087-.39.08-.789m-8.588-.16a4.524 4.524 0 0 1 4.584-2.996q.386.018.759.12q-1.006.527-1.908 1.218q-.53.405-.998.88q-.488.473-.919.998c-.53.62-.999 1.288-1.458 1.997a3 3 0 0 1-.06-2.217m5.543.42c-.32.21-.61.45-.91.679c-.299.23-.578.53-.838.809c-.57.619-1.059 1.288-1.608 1.927a3.5 3.5 0 0 1-1.777-1.118c.739-.78 1.508-1.518 2.277-2.267c.579-.56 1.118-1.129 1.717-1.648q.825-.729 1.738-1.348a3.2 3.2 0 0 1 1.358 1.797c-.66.36-1.328.74-1.907 1.169zm-7.122-.35l-.549-.07q-.285-.015-.57 0a5 5 0 0 0-.558 0h-.42c-.27.22-.48.81 0 .93q.172.048.35.069q.297.048.599.05h.589q.277-.013.55-.07c.279-.14.259-.809.01-.909m11.923-.05h-.5a1.5 1.5 0 0 0-.718.13c-.29.17-.15.73 0 .839c.225.101.473.142.719.12q.265.015.529 0a2 2 0 0 0 .44-.09c.409-.16.24-.829 0-.899zm3.455-1.768a2.31 2.31 0 0 0-2.436 1.728v.1a2.4 2.4 0 0 0 0 .73c.29 1.537 4.084 2.196 4.234-.48a1.926 1.926 0 0 0-1.798-2.077m-1.538 1.998c.098-.231.252-.434.45-.59c.28-.231.636-.349.998-.329a1 1 0 0 1 .94.999c.099 1.917-2.967 1.448-2.388-.08" 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. UiStepIndicator2Icon.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.