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

Fluent UI System Icons (Iconify)

CallForward48Regular

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="M24.005 5.94c-2.038-1.528-4.517-2.191-6.816-1.854c-2.327.34-4.434 1.708-5.598 4.127C9.729 12.08 8 17.546 8 24.5c0 6.9 1.702 12.03 3.567 15.572c1.206 2.29 3.265 3.535 5.517 3.825c2.221.287 4.6-.35 6.595-1.722a5.14 5.14 0 0 0 2.16-5.057l-.654-4.038a5.25 5.25 0 0 0-4.227-4.322l-2.032-.377c-.899-.166-1.47-.69-1.608-1.282c-.44-1.884-.447-4.3-.002-6.198c.139-.592.71-1.117 1.61-1.283l2.032-.377a5.25 5.25 0 0 0 4.227-4.321l.7-4.317a4.86 4.86 0 0 0-1.88-4.662M13.843 9.298c.782-1.623 2.15-2.51 3.708-2.738c1.586-.232 3.403.219 4.954 1.382a2.36 2.36 0 0 1 .912 2.262l-.7 4.316a2.75 2.75 0 0 1-2.214 2.264l-2.032.377c-1.556.288-3.158 1.33-3.59 3.17c-.533 2.279-.523 5.084.003 7.337c.43 1.84 2.03 2.884 3.587 3.172l2.032.377a2.75 2.75 0 0 1 2.214 2.264l.655 4.038a2.64 2.64 0 0 1-1.11 2.597c-1.547 1.064-3.317 1.501-4.858 1.303c-1.51-.195-2.828-.997-3.625-2.51C12.092 35.703 10.5 30.97 10.5 24.5c0-6.527 1.62-11.625 3.343-15.203m19.29 4.569a1.25 1.25 0 0 0-1.767 1.767L37.732 22H23.75a1.25 1.25 0 0 0 0 2.5h13.982l-6.366 6.366a1.25 1.25 0 0 0 1.768 1.767l8.5-8.5a1.25 1.25 0 0 0 0-1.767z"/></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. CallForward48RegularIcon.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.