call forward icon
call-forward-28-regular from Fluent UI System Icons by Microsoft Corporation · 28 Regular · MIT Free for personal and commercial use.
- Name
- call-forward-28-regular
- Set
- Fluent UI System Icons
- Style
- 28 Regular
- Viewbox
- 28×28
- License
- MIT
11 other variants in Fluent UI System Icons
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 28 28"><path fill="currentColor" d="M13.777 2.82c-2.276-1.317-5.416-1.223-6.892 1.336C5.665 6.272 4.5 9.48 4.5 14.001c0 4.52 1.164 7.729 2.385 9.844c1.476 2.56 4.616 2.653 6.892 1.336l.141-.082a2.75 2.75 0 0 0 1.332-2.851l-.384-2.207a3.75 3.75 0 0 0-3.199-3.075l-1.043-.139c-.095-.012-.133-.062-.142-.086c-.614-1.55-.772-3.78-.223-5.276a.1.1 0 0 1 .024-.03a.2.2 0 0 1 .093-.039l1.466-.274a3.75 3.75 0 0 0 3.004-3.044l.404-2.324a2.75 2.75 0 0 0-1.332-2.851zM8.184 4.907c.909-1.576 2.986-1.861 4.842-.787l.14.082c.454.262.696.78.606 1.296l-.404 2.324a2.25 2.25 0 0 1-1.802 1.826l-1.466.275c-.52.098-1.036.443-1.25 1.026c-.702 1.915-.48 4.532.237 6.345c.235.593.777.946 1.34 1.021l1.042.14a2.25 2.25 0 0 1 1.92 1.844l.383 2.207a1.25 1.25 0 0 1-.605 1.296l-.142.082c-1.855 1.074-3.932.789-4.841-.787C7.09 21.2 6 18.25 6 14s1.091-7.2 2.184-9.095M19.78 8.72a.75.75 0 1 0-1.06 1.061l3.22 3.22h-8.19a.75.75 0 0 0 0 1.5h8.19l-3.22 3.22a.75.75 0 0 0 1.06 1.06l4.5-4.5a.75.75 0 0 0 0-1.06z"/></svg>
React
import type { SVGProps } from "react";
export function FluentCallForward28Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M13.777 2.82c-2.276-1.317-5.416-1.223-6.892 1.336C5.665 6.272 4.5 9.48 4.5 14.001c0 4.52 1.164 7.729 2.385 9.844c1.476 2.56 4.616 2.653 6.892 1.336l.141-.082a2.75 2.75 0 0 0 1.332-2.851l-.384-2.207a3.75 3.75 0 0 0-3.199-3.075l-1.043-.139c-.095-.012-.133-.062-.142-.086c-.614-1.55-.772-3.78-.223-5.276a.1.1 0 0 1 .024-.03a.2.2 0 0 1 .093-.039l1.466-.274a3.75 3.75 0 0 0 3.004-3.044l.404-2.324a2.75 2.75 0 0 0-1.332-2.851zM8.184 4.907c.909-1.576 2.986-1.861 4.842-.787l.14.082c.454.262.696.78.606 1.296l-.404 2.324a2.25 2.25 0 0 1-1.802 1.826l-1.466.275c-.52.098-1.036.443-1.25 1.026c-.702 1.915-.48 4.532.237 6.345c.235.593.777.946 1.34 1.021l1.042.14a2.25 2.25 0 0 1 1.92 1.844l.383 2.207a1.25 1.25 0 0 1-.605 1.296l-.142.082c-1.855 1.074-3.932.789-4.841-.787C7.09 21.2 6 18.25 6 14s1.091-7.2 2.184-9.095M19.78 8.72a.75.75 0 1 0-1.06 1.061l3.22 3.22h-8.19a.75.75 0 0 0 0 1.5h8.19l-3.22 3.22a.75.75 0 0 0 1.06 1.06l4.5-4.5a.75.75 0 0 0 0-1.06z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M13.777 2.82c-2.276-1.317-5.416-1.223-6.892 1.336C5.665 6.272 4.5 9.48 4.5 14.001c0 4.52 1.164 7.729 2.385 9.844c1.476 2.56 4.616 2.653 6.892 1.336l.141-.082a2.75 2.75 0 0 0 1.332-2.851l-.384-2.207a3.75 3.75 0 0 0-3.199-3.075l-1.043-.139c-.095-.012-.133-.062-.142-.086c-.614-1.55-.772-3.78-.223-5.276a.1.1 0 0 1 .024-.03a.2.2 0 0 1 .093-.039l1.466-.274a3.75 3.75 0 0 0 3.004-3.044l.404-2.324a2.75 2.75 0 0 0-1.332-2.851zM8.184 4.907c.909-1.576 2.986-1.861 4.842-.787l.14.082c.454.262.696.78.606 1.296l-.404 2.324a2.25 2.25 0 0 1-1.802 1.826l-1.466.275c-.52.098-1.036.443-1.25 1.026c-.702 1.915-.48 4.532.237 6.345c.235.593.777.946 1.34 1.021l1.042.14a2.25 2.25 0 0 1 1.92 1.844l.383 2.207a1.25 1.25 0 0 1-.605 1.296l-.142.082c-1.855 1.074-3.932.789-4.841-.787C7.09 21.2 6 18.25 6 14s1.091-7.2 2.184-9.095M19.78 8.72a.75.75 0 1 0-1.06 1.061l3.22 3.22h-8.19a.75.75 0 0 0 0 1.5h8.19l-3.22 3.22a.75.75 0 0 0 1.06 1.06l4.5-4.5a.75.75 0 0 0 0-1.06z"/></svg> </template>
CSS
.icon-call-forward-28-regular {
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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.777%202.82c-2.276-1.317-5.416-1.223-6.892%201.336C5.665%206.272%204.5%209.48%204.5%2014.001c0%204.52%201.164%207.729%202.385%209.844c1.476%202.56%204.616%202.653%206.892%201.336l.141-.082a2.75%202.75%200%200%200%201.332-2.851l-.384-2.207a3.75%203.75%200%200%200-3.199-3.075l-1.043-.139c-.095-.012-.133-.062-.142-.086c-.614-1.55-.772-3.78-.223-5.276a.1.1%200%200%201%20.024-.03a.2.2%200%200%201%20.093-.039l1.466-.274a3.75%203.75%200%200%200%203.004-3.044l.404-2.324a2.75%202.75%200%200%200-1.332-2.851zM8.184%204.907c.909-1.576%202.986-1.861%204.842-.787l.14.082c.454.262.696.78.606%201.296l-.404%202.324a2.25%202.25%200%200%201-1.802%201.826l-1.466.275c-.52.098-1.036.443-1.25%201.026c-.702%201.915-.48%204.532.237%206.345c.235.593.777.946%201.34%201.021l1.042.14a2.25%202.25%200%200%201%201.92%201.844l.383%202.207a1.25%201.25%200%200%201-.605%201.296l-.142.082c-1.855%201.074-3.932.789-4.841-.787C7.09%2021.2%206%2018.25%206%2014s1.091-7.2%202.184-9.095M19.78%208.72a.75.75%200%201%200-1.06%201.061l3.22%203.22h-8.19a.75.75%200%200%200%200%201.5h8.19l-3.22%203.22a.75.75%200%200%200%201.06%201.06l4.5-4.5a.75.75%200%200%200%200-1.06z%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.777%202.82c-2.276-1.317-5.416-1.223-6.892%201.336C5.665%206.272%204.5%209.48%204.5%2014.001c0%204.52%201.164%207.729%202.385%209.844c1.476%202.56%204.616%202.653%206.892%201.336l.141-.082a2.75%202.75%200%200%200%201.332-2.851l-.384-2.207a3.75%203.75%200%200%200-3.199-3.075l-1.043-.139c-.095-.012-.133-.062-.142-.086c-.614-1.55-.772-3.78-.223-5.276a.1.1%200%200%201%20.024-.03a.2.2%200%200%201%20.093-.039l1.466-.274a3.75%203.75%200%200%200%203.004-3.044l.404-2.324a2.75%202.75%200%200%200-1.332-2.851zM8.184%204.907c.909-1.576%202.986-1.861%204.842-.787l.14.082c.454.262.696.78.606%201.296l-.404%202.324a2.25%202.25%200%200%201-1.802%201.826l-1.466.275c-.52.098-1.036.443-1.25%201.026c-.702%201.915-.48%204.532.237%206.345c.235.593.777.946%201.34%201.021l1.042.14a2.25%202.25%200%200%201%201.92%201.844l.383%202.207a1.25%201.25%200%200%201-.605%201.296l-.142.082c-1.855%201.074-3.932.789-4.841-.787C7.09%2021.2%206%2018.25%206%2014s1.091-7.2%202.184-9.095M19.78%208.72a.75.75%200%201%200-1.06%201.061l3.22%203.22h-8.19a.75.75%200%200%200%200%201.5h8.19l-3.22%203.22a.75.75%200%200%200%201.06%201.06l4.5-4.5a.75.75%200%200%200%200-1.06z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/call-forward-28-regular.svg?color=%231a73e8&size=48
