call transfer icon
call-transfer-32-filled from Fluent UI System Icons by Microsoft Corporation · 32 Filled · MIT Free for personal and commercial use.
- Name
- call-transfer-32-filled
- Set
- Fluent UI System Icons
- Style
- 32 Filled
- Viewbox
- 32×32
- License
- MIT
7 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-forward-16-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-warning-16-filled
Use the call transfer icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M19 3a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v9a1 1 0 1 1-2 0V5.414l-4.793 4.793a1 1 0 0 1-1.414-1.414L26.586 4H20a1 1 0 0 1-1-1m-7.488 11.045l2.146-1.968a4 4 0 0 0 1.042-4.35l-.917-2.448a3.83 3.83 0 0 0-4.709-2.32c-3.432 1.05-6.07 4.24-5.258 8.029c.534 2.492 1.555 5.62 3.492 8.949a31.8 31.8 0 0 0 6.055 7.53c2.87 2.612 6.97 1.959 9.608-.5a3.8 3.8 0 0 0 .342-5.192l-1.681-2.042a4 4 0 0 0-4.29-1.274l-2.776.875q-.161-.165-.366-.392a12.5 12.5 0 0 1-1.507-2.053a12.5 12.5 0 0 1-1.024-2.332a13 13 0 0 1-.157-.512M21 12a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-3.5 3.5a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/></svg>
React
import type { SVGProps } from "react";
export function FluentCallTransfer32Filled(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="M19 3a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v9a1 1 0 1 1-2 0V5.414l-4.793 4.793a1 1 0 0 1-1.414-1.414L26.586 4H20a1 1 0 0 1-1-1m-7.488 11.045l2.146-1.968a4 4 0 0 0 1.042-4.35l-.917-2.448a3.83 3.83 0 0 0-4.709-2.32c-3.432 1.05-6.07 4.24-5.258 8.029c.534 2.492 1.555 5.62 3.492 8.949a31.8 31.8 0 0 0 6.055 7.53c2.87 2.612 6.97 1.959 9.608-.5a3.8 3.8 0 0 0 .342-5.192l-1.681-2.042a4 4 0 0 0-4.29-1.274l-2.776.875q-.161-.165-.366-.392a12.5 12.5 0 0 1-1.507-2.053a12.5 12.5 0 0 1-1.024-2.332a13 13 0 0 1-.157-.512M21 12a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-3.5 3.5a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M19 3a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v9a1 1 0 1 1-2 0V5.414l-4.793 4.793a1 1 0 0 1-1.414-1.414L26.586 4H20a1 1 0 0 1-1-1m-7.488 11.045l2.146-1.968a4 4 0 0 0 1.042-4.35l-.917-2.448a3.83 3.83 0 0 0-4.709-2.32c-3.432 1.05-6.07 4.24-5.258 8.029c.534 2.492 1.555 5.62 3.492 8.949a31.8 31.8 0 0 0 6.055 7.53c2.87 2.612 6.97 1.959 9.608-.5a3.8 3.8 0 0 0 .342-5.192l-1.681-2.042a4 4 0 0 0-4.29-1.274l-2.776.875q-.161-.165-.366-.392a12.5 12.5 0 0 1-1.507-2.053a12.5 12.5 0 0 1-1.024-2.332a13 13 0 0 1-.157-.512M21 12a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-3.5 3.5a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/></svg> </template>
CSS
.icon-call-transfer-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%22M19%203a1%201%200%200%201%201-1h9a1%201%200%200%201%201%201v9a1%201%200%201%201-2%200V5.414l-4.793%204.793a1%201%200%200%201-1.414-1.414L26.586%204H20a1%201%200%200%201-1-1m-7.488%2011.045l2.146-1.968a4%204%200%200%200%201.042-4.35l-.917-2.448a3.83%203.83%200%200%200-4.709-2.32c-3.432%201.05-6.07%204.24-5.258%208.029c.534%202.492%201.555%205.62%203.492%208.949a31.8%2031.8%200%200%200%206.055%207.53c2.87%202.612%206.97%201.959%209.608-.5a3.8%203.8%200%200%200%20.342-5.192l-1.681-2.042a4%204%200%200%200-4.29-1.274l-2.776.875q-.161-.165-.366-.392a12.5%2012.5%200%200%201-1.507-2.053a12.5%2012.5%200%200%201-1.024-2.332a13%2013%200%200%201-.157-.512M21%2012a1%201%200%201%201-2%200a1%201%200%200%201%202%200m-3.5%203.5a1%201%200%201%200%200-2a1%201%200%200%200%200%202%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%22M19%203a1%201%200%200%201%201-1h9a1%201%200%200%201%201%201v9a1%201%200%201%201-2%200V5.414l-4.793%204.793a1%201%200%200%201-1.414-1.414L26.586%204H20a1%201%200%200%201-1-1m-7.488%2011.045l2.146-1.968a4%204%200%200%200%201.042-4.35l-.917-2.448a3.83%203.83%200%200%200-4.709-2.32c-3.432%201.05-6.07%204.24-5.258%208.029c.534%202.492%201.555%205.62%203.492%208.949a31.8%2031.8%200%200%200%206.055%207.53c2.87%202.612%206.97%201.959%209.608-.5a3.8%203.8%200%200%200%20.342-5.192l-1.681-2.042a4%204%200%200%200-4.29-1.274l-2.776.875q-.161-.165-.366-.392a12.5%2012.5%200%200%201-1.507-2.053a12.5%2012.5%200%200%201-1.024-2.332a13%2013%200%200%201-.157-.512M21%2012a1%201%200%201%201-2%200a1%201%200%200%201%202%200m-3.5%203.5a1%201%200%201%200%200-2a1%201%200%200%200%200%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/call-transfer-32-filled.svg?color=%231a73e8&size=48
