Home/Libraries/Arcticons (Iconify)/breakdowntimer

Arcticons (Iconify)

Breakdowntimer

License: CC-BY-SA-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 48 48"><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M22.71 45.422a20.9 20.9 0 0 0 8.686-1.085a.54.54 0 0 0 .324-.704l-4.255-11.266a.583.583 0 0 0-.717-.339a7.806 7.806 0 0 1-9.865-5.823a.583.583 0 0 0-.644-.464L4.32 27.459a.54.54 0 0 0-.46.624a20.95 20.95 0 0 0 18.85 17.34M11.66 8.002a20.95 20.95 0 0 0-5.57 6.567a.54.54 0 0 0 .235.738l10.735 5.455a.583.583 0 0 0 .759-.233a7.8 7.8 0 0 1 4.455-3.46a.583.583 0 0 0 .413-.678L20.057 4.64a.54.54 0 0 0-.657-.41A20.95 20.95 0 0 0 11.66 8Zm28.475 2.584a20.95 20.95 0 0 0-7.13-5.192a.54.54 0 0 0-.717.293l-4.59 11.134a.583.583 0 0 0 .292.737a7.8 7.8 0 0 1 4.214 8.323a7.8 7.8 0 0 1-1.042 2.757a.583.583 0 0 0 .143.78l9.787 7.017a.54.54 0 0 0 .763-.131a20.954 20.954 0 0 0-1.72-25.718M16.762 23.527q.028-.207.066-.413a.583.583 0 0 0-.413-.677l-12.71-3.315a.54.54 0 0 0-.667.396a22 22 0 0 0-.5 3.148a.54.54 0 0 0 .51.583l13.111.794a.583.583 0 0 0 .603-.516m8.301-6.777q.21.015.417.041a.583.583 0 0 0 .65-.453l2.541-12.887a.54.54 0 0 0-.435-.641a22 22 0 0 0-3.173-.31a.54.54 0 0 0-.55.545V16.18c0 .305.246.55.55.571Zm4.367 13.874q-.163.132-.332.254a.583.583 0 0 0-.167.776l6.937 11.155a.54.54 0 0 0 .755.17a22 22 0 0 0 2.53-1.938a.54.54 0 0 0 .032-.774l-8.963-9.602a.583.583 0 0 0-.792-.041"/></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. BreakdowntimerIcon.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 →

100