Home/Libraries/Fluent UI System Icons (Iconify)/skip-backward-10-48-regular

Fluent UI System Icons (Iconify)

SkipBackward1048Regular

License: MITCommercial Safe

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"><g fill="none"><path d="M17.195 8.18a20.03 20.03 0 0 1 14.11.427c4.488 1.847 8.162 5.338 10.325 9.702a1.25 1.25 0 1 0 2.24-1.11c-2.424-4.892-6.547-8.819-11.613-10.904A22.53 22.53 0 0 0 6.5 12.558V5.85a1.25 1.25 0 1 0-2.5 0v11.355c0 .69.56 1.25 1.25 1.25h11.355a1.25 1.25 0 0 0 0-2.5H7.06A20.03 20.03 0 0 1 17.195 8.18zm.772 14.05a1.245 1.245 0 0 1 .533 1.052v17.472a1.25 1.25 0 0 1-2.5 0v-13.83c-.757.769-1.748 1.587-3.107 2.402a1.25 1.25 0 0 1-1.286-2.144c2.495-1.497 3.438-2.898 4.26-4.12c.116-.171.229-.339.343-.503a1.253 1.253 0 0 1 1.743-.339l.014.01zm12.347-.226c-2.627 0-4.47 1.24-5.58 3.196c-1.054 1.86-1.42 4.302-1.42 6.804c0 2.502.366 4.944 1.42 6.804c1.11 1.956 2.953 3.196 5.58 3.196c2.627 0 4.47-1.24 5.58-3.196c1.055-1.86 1.42-4.302 1.42-6.804c0-2.502-.365-4.945-1.42-6.804c-1.11-1.956-2.953-3.196-5.58-3.196zm-4.5 10c0-2.33.353-4.263 1.095-5.57c.687-1.212 1.72-1.93 3.405-1.93c1.685 0 2.718.718 3.405 1.93c.742 1.307 1.095 3.24 1.095 5.57s-.353 4.263-1.095 5.57c-.687 1.211-1.72 1.93-3.405 1.93c-1.685 0-2.718-.719-3.405-1.93c-.742-1.307-1.095-3.24-1.095-5.57z" fill="#818cf8"/></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. SkipBackward1048RegularIcon.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.