IconSearch logoIconsearch
Home/Libraries/Fluent UI System Icons (Iconify)/arrow-clockwise-dashes-32-filled
← Back to Search
Fluent UI System Icons (Iconify)

ArrowClockwiseDashes32Filled

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><path fill="#818cf8" d="M27 4.25a1.25 1.25 0 1 0-2.5 0v1.912a12.96 12.96 0 0 0-5.87-2.896c-.73-.15-1.375.439-1.375 1.185c0 .64.482 1.172 1.106 1.315A10.5 10.5 0 0 1 22.803 8H20.75a1.25 1.25 0 1 0 0 2.5h5c.69 0 1.25-.56 1.25-1.25zm-18.144.888c-.623.41-.663 1.283-.135 1.811c.453.453 1.168.488 1.711.148a10.4 10.4 0 0 1 3.217-1.333c.624-.143 1.106-.674 1.106-1.315c0-.745-.644-1.334-1.374-1.185a12.9 12.9 0 0 0-4.525 1.874m17.379 13.223c.143-.625.675-1.106 1.315-1.106c.746 0 1.335.644 1.185 1.375a12.9 12.9 0 0 1-1.872 4.516c-.41.623-1.283.662-1.81.134c-.454-.452-.489-1.168-.149-1.71a10.4 10.4 0 0 0 1.331-3.21m-4.661 6.54c.542-.34 1.258-.305 1.711.148c.528.527.488 1.4-.134 1.81a12.9 12.9 0 0 1-4.52 1.875c-.73.15-1.376-.44-1.376-1.185c0-.64.482-1.172 1.106-1.315a10.4 10.4 0 0 0 3.212-1.333m-7.926 1.334c.625.143 1.107.675 1.107 1.315c0 .746-.644 1.335-1.374 1.185a12.9 12.9 0 0 1-4.519-1.87c-.623-.41-.663-1.283-.135-1.81c.452-.453 1.168-.489 1.71-.149c.975.61 2.057 1.065 3.212 1.33m-6.544-4.658c.34.543.305 1.26-.148 1.712c-.527.528-1.399.488-1.81-.134a12.9 12.9 0 0 1-1.878-4.525c-.15-.73.439-1.375 1.185-1.375c.64 0 1.171.481 1.315 1.105a10.5 10.5 0 0 0 1.336 3.217m-1.338-7.93c-.143.626-.674 1.108-1.315 1.108c-.746 0-1.335-.644-1.185-1.375a12.9 12.9 0 0 1 1.876-4.53c.41-.622 1.283-.661 1.81-.134c.453.453.489 1.17.148 1.712a10.4 10.4 0 0 0-1.334 3.22"/></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. ArrowClockwiseDashes32FilledIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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 Fluent UI System Icons (Iconify)

Browse all Fluent UI System Icons (Iconify) icons →
access-time-20-filled
access-time-20-filled
access-time-20-regular
access-time-20-regular
access-time-24-filled
access-time-24-filled
access-time-24-regular
access-time-24-regular
accessibility-16-filled
accessibility-16-filled
accessibility-16-regular
accessibility-16-regular
accessibility-20-filled
accessibility-20-filled
accessibility-20-regular
accessibility-20-regular
accessibility-24-filled
accessibility-24-filled
accessibility-24-regular
accessibility-24-regular
accessibility-28-filled
accessibility-28-filled
accessibility-28-regular
accessibility-28-regular