Home/Libraries/Fluent UI System Icons (Iconify)/skip-forward-15-48-regular

Fluent UI System Icons (Iconify)

SkipForward1548Regular

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"><path fill="#818cf8" d="M16.63 22.168a1.25 1.25 0 0 1 1.324.052l.014.01a1.25 1.25 0 0 1 .532 1.051v17.473a1.25 1.25 0 0 1-2.5 0V26.923c-.757.77-1.748 1.587-3.107 2.402a1.25 1.25 0 0 1-1.286-2.143c2.495-1.497 3.439-2.899 4.26-4.12q.174-.258.344-.503a1.25 1.25 0 0 1 .419-.391m18.245-.161a1.25 1.25 0 0 1 0 2.486l-.128.007h-5.424l-.606 3.967c.738-.02 1.663-.015 2.47.098l.343.058a6.75 6.75 0 0 1-1.876 13.35l-.345-.038a6.74 6.74 0 0 1-4.883-3.27l-.192-.35l-.053-.116a1.251 1.251 0 0 1 2.216-1.13l.064.11l.12.22a4.24 4.24 0 0 0 3.076 2.06l.217.024a4.25 4.25 0 0 0 1.181-8.406l-.215-.036c-.666-.093-1.519-.097-2.245-.07a25 25 0 0 0-1.14.069l-.066.006h-.015l-.003.002l-.144.006a1.252 1.252 0 0 1-1.215-1.439l1.002-6.553l.023-.114A1.25 1.25 0 0 1 28.25 22h6.497zM42.75 4.6c.69 0 1.25.56 1.25 1.25v11.354c0 .69-.56 1.25-1.25 1.25H31.395a1.25 1.25 0 0 1 0-2.5h9.544a20.03 20.03 0 0 0-24.245-7.348c-4.487 1.847-8.161 5.338-10.324 9.703a1.25 1.25 0 1 1-2.24-1.11c2.425-4.892 6.548-8.82 11.613-10.904A22.53 22.53 0 0 1 41.5 12.558V5.85c0-.69.56-1.25 1.25-1.25"/></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. SkipForward1548RegularIcon.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.