call forward icon

call-forward-48-filled from Fluent UI System Icons by Microsoft Corporation · 48 Filled · MIT Free for personal and commercial use.

Name
call-forward-48-filled
Set
Fluent UI System Icons
Style
48 Filled
Viewbox
48×48
License
MIT

11 other variants in Fluent UI System Icons

call-forward-16-filledcall-forward-16-regularcall-forward-20-filledcall-forward-20-regularcall-forward-24-filledcall-forward-24-regularcall-forward-28-filledcall-forward-28-regularcall-forward-32-filledcall-forward-32-regularcall-forward-48-regular

Related icons in Fluent UI System Icons

call-add-16-filledcall-blocked-24-filledcall-checkmark-20-filledcall-chevron-down-16-filledcall-connecting-20-filledcall-dismiss-16-filledcall-end-12-filledcall-exclamation-20-filledcall-inbound-16-filledcall-missed-12-filledcall-outbound-16-filledcall-park-16-filledcall-pause-20-filledcall-prohibited-16-filledcall-rectangle-landscape-16-filledcall-square-16-filledcall-transfer-16-filledcall-warning-16-filled

Use the call forward icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M17.28 4.704c2.12-.31 4.433.3 6.35 1.737a4.23 4.23 0 0 1 1.638 4.062l-.7 4.317a4.625 4.625 0 0 1-3.723 3.807l-2.033.376c-1.064.197-1.893.851-2.105 1.755c-.467 1.994-.459 4.506.003 6.483c.21.904 1.039 1.558 2.102 1.755l2.033.376a4.625 4.625 0 0 1 3.723 3.807l.655 4.04a4.51 4.51 0 0 1-1.899 4.441c-1.883 1.295-4.109 1.882-6.16 1.617c-2.067-.267-3.94-1.4-5.044-3.496c-1.82-3.458-3.495-8.49-3.495-15.281c0-6.847 1.702-12.221 3.529-16.016c1.069-2.22 2.99-3.467 5.125-3.78m15.854 9.162a1.25 1.25 0 0 0-1.768 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>

React

import type { SVGProps } from "react";

export function FluentCallForward48Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M17.28 4.704c2.12-.31 4.433.3 6.35 1.737a4.23 4.23 0 0 1 1.638 4.062l-.7 4.317a4.625 4.625 0 0 1-3.723 3.807l-2.033.376c-1.064.197-1.893.851-2.105 1.755c-.467 1.994-.459 4.506.003 6.483c.21.904 1.039 1.558 2.102 1.755l2.033.376a4.625 4.625 0 0 1 3.723 3.807l.655 4.04a4.51 4.51 0 0 1-1.899 4.441c-1.883 1.295-4.109 1.882-6.16 1.617c-2.067-.267-3.94-1.4-5.044-3.496c-1.82-3.458-3.495-8.49-3.495-15.281c0-6.847 1.702-12.221 3.529-16.016c1.069-2.22 2.99-3.467 5.125-3.78m15.854 9.162a1.25 1.25 0 0 0-1.768 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M17.28 4.704c2.12-.31 4.433.3 6.35 1.737a4.23 4.23 0 0 1 1.638 4.062l-.7 4.317a4.625 4.625 0 0 1-3.723 3.807l-2.033.376c-1.064.197-1.893.851-2.105 1.755c-.467 1.994-.459 4.506.003 6.483c.21.904 1.039 1.558 2.102 1.755l2.033.376a4.625 4.625 0 0 1 3.723 3.807l.655 4.04a4.51 4.51 0 0 1-1.899 4.441c-1.883 1.295-4.109 1.882-6.16 1.617c-2.067-.267-3.94-1.4-5.044-3.496c-1.82-3.458-3.495-8.49-3.495-15.281c0-6.847 1.702-12.221 3.529-16.016c1.069-2.22 2.99-3.467 5.125-3.78m15.854 9.162a1.25 1.25 0 0 0-1.768 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>
</template>

CSS

.icon-call-forward-48-filled {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.28%204.704c2.12-.31%204.433.3%206.35%201.737a4.23%204.23%200%200%201%201.638%204.062l-.7%204.317a4.625%204.625%200%200%201-3.723%203.807l-2.033.376c-1.064.197-1.893.851-2.105%201.755c-.467%201.994-.459%204.506.003%206.483c.21.904%201.039%201.558%202.102%201.755l2.033.376a4.625%204.625%200%200%201%203.723%203.807l.655%204.04a4.51%204.51%200%200%201-1.899%204.441c-1.883%201.295-4.109%201.882-6.16%201.617c-2.067-.267-3.94-1.4-5.044-3.496c-1.82-3.458-3.495-8.49-3.495-15.281c0-6.847%201.702-12.221%203.529-16.016c1.069-2.22%202.99-3.467%205.125-3.78m15.854%209.162a1.25%201.25%200%200%200-1.768%201.767L37.732%2022H23.75a1.25%201.25%200%200%200%200%202.5h13.982l-6.366%206.366a1.25%201.25%200%200%200%201.768%201.767l8.5-8.5a1.25%201.25%200%200%200%200-1.767z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.28%204.704c2.12-.31%204.433.3%206.35%201.737a4.23%204.23%200%200%201%201.638%204.062l-.7%204.317a4.625%204.625%200%200%201-3.723%203.807l-2.033.376c-1.064.197-1.893.851-2.105%201.755c-.467%201.994-.459%204.506.003%206.483c.21.904%201.039%201.558%202.102%201.755l2.033.376a4.625%204.625%200%200%201%203.723%203.807l.655%204.04a4.51%204.51%200%200%201-1.899%204.441c-1.883%201.295-4.109%201.882-6.16%201.617c-2.067-.267-3.94-1.4-5.044-3.496c-1.82-3.458-3.495-8.49-3.495-15.281c0-6.847%201.702-12.221%203.529-16.016c1.069-2.22%202.99-3.467%205.125-3.78m15.854%209.162a1.25%201.25%200%200%200-1.768%201.767L37.732%2022H23.75a1.25%201.25%200%200%200%200%202.5h13.982l-6.366%206.366a1.25%201.25%200%200%200%201.768%201.767l8.5-8.5a1.25%201.25%200%200%200%200-1.767z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/call-forward-48-filled.svg?color=%231a73e8&size=48