phone outgoing icon
phone-outgoing from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- phone-outgoing
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
- Aliases
- bx-phone-outgoing
The same icon in other sets
phone-outgoingBoxIcons v2 Solidphone-outgoingCarbonphone-outgoingFeather Iconsphone-outgoingHuge Iconsphone-outgoingHumbleiconsphone-outgoingIconParkphone-outgoingIconPark Outlinephone-outgoingIconPark Solidphone-outgoingIconPark TwoTonephone-outgoingMaterial Line Iconsphone-outgoingLucidephone-outgoingMage Iconsphone-outgoingMajesticonsphone-outgoingMaterial Design Iconsphone-outgoing-fillMingCute Iconphone-outgoingPhosphorphone-outgoingPixelarticonsphone-outgoingTabler Icons
Related icons in BoxIcons v2
Use the phone outgoing icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.712 13.288a1 1 0 0 0-1.414 0l-1.594 1.594c-.739-.22-2.118-.72-2.992-1.594s-1.374-2.253-1.594-2.992l1.594-1.594a1 1 0 0 0 0-1.414l-4-4a1 1 0 0 0-1.414 0L2.586 6c-.38.38-.594.902-.586 1.435c.023 1.424.4 6.37 4.298 10.268S15.142 21.977 16.566 22h.028c.528 0 1.027-.208 1.405-.586l2.712-2.712a1 1 0 0 0 0-1.414zM16.585 20c-1.248-.021-5.518-.356-8.873-3.712C4.346 12.922 4.02 8.637 4 7.414l2.005-2.005l2.586 2.586l-1.293 1.293a1 1 0 0 0-.272.912c.024.115.611 2.842 2.271 4.502s4.387 2.247 4.502 2.271a1 1 0 0 0 .912-.271l1.293-1.293l2.586 2.586z"/><path fill="currentColor" d="m16.795 5.791l-4.497 4.497l1.414 1.414l4.497-4.497L21.005 10V2.995H14z"/></svg>
React
import type { SVGProps } from "react";
export function BxPhoneOutgoing(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.712 13.288a1 1 0 0 0-1.414 0l-1.594 1.594c-.739-.22-2.118-.72-2.992-1.594s-1.374-2.253-1.594-2.992l1.594-1.594a1 1 0 0 0 0-1.414l-4-4a1 1 0 0 0-1.414 0L2.586 6c-.38.38-.594.902-.586 1.435c.023 1.424.4 6.37 4.298 10.268S15.142 21.977 16.566 22h.028c.528 0 1.027-.208 1.405-.586l2.712-2.712a1 1 0 0 0 0-1.414zM16.585 20c-1.248-.021-5.518-.356-8.873-3.712C4.346 12.922 4.02 8.637 4 7.414l2.005-2.005l2.586 2.586l-1.293 1.293a1 1 0 0 0-.272.912c.024.115.611 2.842 2.271 4.502s4.387 2.247 4.502 2.271a1 1 0 0 0 .912-.271l1.293-1.293l2.586 2.586z"/><path fill="currentColor" d="m16.795 5.791l-4.497 4.497l1.414 1.414l4.497-4.497L21.005 10V2.995H14z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.712 13.288a1 1 0 0 0-1.414 0l-1.594 1.594c-.739-.22-2.118-.72-2.992-1.594s-1.374-2.253-1.594-2.992l1.594-1.594a1 1 0 0 0 0-1.414l-4-4a1 1 0 0 0-1.414 0L2.586 6c-.38.38-.594.902-.586 1.435c.023 1.424.4 6.37 4.298 10.268S15.142 21.977 16.566 22h.028c.528 0 1.027-.208 1.405-.586l2.712-2.712a1 1 0 0 0 0-1.414zM16.585 20c-1.248-.021-5.518-.356-8.873-3.712C4.346 12.922 4.02 8.637 4 7.414l2.005-2.005l2.586 2.586l-1.293 1.293a1 1 0 0 0-.272.912c.024.115.611 2.842 2.271 4.502s4.387 2.247 4.502 2.271a1 1 0 0 0 .912-.271l1.293-1.293l2.586 2.586z"/><path fill="currentColor" d="m16.795 5.791l-4.497 4.497l1.414 1.414l4.497-4.497L21.005 10V2.995H14z"/></svg> </template>
CSS
.icon-phone-outgoing {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.712%2013.288a1%201%200%200%200-1.414%200l-1.594%201.594c-.739-.22-2.118-.72-2.992-1.594s-1.374-2.253-1.594-2.992l1.594-1.594a1%201%200%200%200%200-1.414l-4-4a1%201%200%200%200-1.414%200L2.586%206c-.38.38-.594.902-.586%201.435c.023%201.424.4%206.37%204.298%2010.268S15.142%2021.977%2016.566%2022h.028c.528%200%201.027-.208%201.405-.586l2.712-2.712a1%201%200%200%200%200-1.414zM16.585%2020c-1.248-.021-5.518-.356-8.873-3.712C4.346%2012.922%204.02%208.637%204%207.414l2.005-2.005l2.586%202.586l-1.293%201.293a1%201%200%200%200-.272.912c.024.115.611%202.842%202.271%204.502s4.387%202.247%204.502%202.271a1%201%200%200%200%20.912-.271l1.293-1.293l2.586%202.586z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m16.795%205.791l-4.497%204.497l1.414%201.414l4.497-4.497L21.005%2010V2.995H14z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.712%2013.288a1%201%200%200%200-1.414%200l-1.594%201.594c-.739-.22-2.118-.72-2.992-1.594s-1.374-2.253-1.594-2.992l1.594-1.594a1%201%200%200%200%200-1.414l-4-4a1%201%200%200%200-1.414%200L2.586%206c-.38.38-.594.902-.586%201.435c.023%201.424.4%206.37%204.298%2010.268S15.142%2021.977%2016.566%2022h.028c.528%200%201.027-.208%201.405-.586l2.712-2.712a1%201%200%200%200%200-1.414zM16.585%2020c-1.248-.021-5.518-.356-8.873-3.712C4.346%2012.922%204.02%208.637%204%207.414l2.005-2.005l2.586%202.586l-1.293%201.293a1%201%200%200%200-.272.912c.024.115.611%202.842%202.271%204.502s4.387%202.247%204.502%202.271a1%201%200%200%200%20.912-.271l1.293-1.293l2.586%202.586z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m16.795%205.791l-4.497%204.497l1.414%201.414l4.497-4.497L21.005%2010V2.995H14z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/phone-outgoing.svg?color=%231a73e8&size=48
