call forward icon

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

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

11 other variants in Fluent UI System Icons

call-forward-16-filled call-forward-16-regular call-forward-20-filled call-forward-20-regular call-forward-24-filled call-forward-24-regular call-forward-28-filled call-forward-28-regular call-forward-32-regular call-forward-48-filled call-forward-48-regular

Related icons in Fluent UI System Icons

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

Use the call forward icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M7.888 4.158c2.08-2.08 4.735-2.311 6.712-2.091c2.645.295 3.773 2.94 3.298 5.154l-.413 1.926a4 4 0 0 1-3.126 3.085l-2.68.536c-.06.103-.133.242-.208.423C11.25 13.722 11 14.625 11 16s.25 2.277.47 2.808q.116.27.208.424l2.68.536a4 4 0 0 1 3.127 3.084l.413 1.926c.475 2.214-.653 4.86-3.298 5.155c-1.977.22-4.632-.012-6.712-2.091c-1.17-1.17-2.133-2.979-2.804-5.02A22.2 22.2 0 0 1 4 16c0-2.383.407-4.763 1.084-6.822c.67-2.042 1.634-3.85 2.804-5.02m15.36 5.637a1 1 0 0 0-1.42 1.41L25.599 15H16a1 1 0 1 0 0 2h9.598l-3.77 3.795a1 1 0 0 0 1.42 1.41l5.462-5.5a1 1 0 0 0 0-1.41z"/></svg>

React

import type { SVGProps } from "react";

export function FluentCallForward32Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M7.888 4.158c2.08-2.08 4.735-2.311 6.712-2.091c2.645.295 3.773 2.94 3.298 5.154l-.413 1.926a4 4 0 0 1-3.126 3.085l-2.68.536c-.06.103-.133.242-.208.423C11.25 13.722 11 14.625 11 16s.25 2.277.47 2.808q.116.27.208.424l2.68.536a4 4 0 0 1 3.127 3.084l.413 1.926c.475 2.214-.653 4.86-3.298 5.155c-1.977.22-4.632-.012-6.712-2.091c-1.17-1.17-2.133-2.979-2.804-5.02A22.2 22.2 0 0 1 4 16c0-2.383.407-4.763 1.084-6.822c.67-2.042 1.634-3.85 2.804-5.02m15.36 5.637a1 1 0 0 0-1.42 1.41L25.599 15H16a1 1 0 1 0 0 2h9.598l-3.77 3.795a1 1 0 0 0 1.42 1.41l5.462-5.5a1 1 0 0 0 0-1.41z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M7.888 4.158c2.08-2.08 4.735-2.311 6.712-2.091c2.645.295 3.773 2.94 3.298 5.154l-.413 1.926a4 4 0 0 1-3.126 3.085l-2.68.536c-.06.103-.133.242-.208.423C11.25 13.722 11 14.625 11 16s.25 2.277.47 2.808q.116.27.208.424l2.68.536a4 4 0 0 1 3.127 3.084l.413 1.926c.475 2.214-.653 4.86-3.298 5.155c-1.977.22-4.632-.012-6.712-2.091c-1.17-1.17-2.133-2.979-2.804-5.02A22.2 22.2 0 0 1 4 16c0-2.383.407-4.763 1.084-6.822c.67-2.042 1.634-3.85 2.804-5.02m15.36 5.637a1 1 0 0 0-1.42 1.41L25.599 15H16a1 1 0 1 0 0 2h9.598l-3.77 3.795a1 1 0 0 0 1.42 1.41l5.462-5.5a1 1 0 0 0 0-1.41z"/></svg>
</template>

CSS

.icon-call-forward-32-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.888%204.158c2.08-2.08%204.735-2.311%206.712-2.091c2.645.295%203.773%202.94%203.298%205.154l-.413%201.926a4%204%200%200%201-3.126%203.085l-2.68.536c-.06.103-.133.242-.208.423C11.25%2013.722%2011%2014.625%2011%2016s.25%202.277.47%202.808q.116.27.208.424l2.68.536a4%204%200%200%201%203.127%203.084l.413%201.926c.475%202.214-.653%204.86-3.298%205.155c-1.977.22-4.632-.012-6.712-2.091c-1.17-1.17-2.133-2.979-2.804-5.02A22.2%2022.2%200%200%201%204%2016c0-2.383.407-4.763%201.084-6.822c.67-2.042%201.634-3.85%202.804-5.02m15.36%205.637a1%201%200%200%200-1.42%201.41L25.599%2015H16a1%201%200%201%200%200%202h9.598l-3.77%203.795a1%201%200%200%200%201.42%201.41l5.462-5.5a1%201%200%200%200%200-1.41z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.888%204.158c2.08-2.08%204.735-2.311%206.712-2.091c2.645.295%203.773%202.94%203.298%205.154l-.413%201.926a4%204%200%200%201-3.126%203.085l-2.68.536c-.06.103-.133.242-.208.423C11.25%2013.722%2011%2014.625%2011%2016s.25%202.277.47%202.808q.116.27.208.424l2.68.536a4%204%200%200%201%203.127%203.084l.413%201.926c.475%202.214-.653%204.86-3.298%205.155c-1.977.22-4.632-.012-6.712-2.091c-1.17-1.17-2.133-2.979-2.804-5.02A22.2%2022.2%200%200%201%204%2016c0-2.383.407-4.763%201.084-6.822c.67-2.042%201.634-3.85%202.804-5.02m15.36%205.637a1%201%200%200%200-1.42%201.41L25.599%2015H16a1%201%200%201%200%200%202h9.598l-3.77%203.795a1%201%200%200%200%201.42%201.41l5.462-5.5a1%201%200%200%200%200-1.41z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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