phone outgoing icon
phone-outgoing from Mage Icons by MageIcons · Outline · Apache-2.0 Free for personal and commercial use.
- Name
- phone-outgoing
- Set
- Mage Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Mage Icons
The same icon in other sets
phone-outgoingBoxIcons v2phone-outgoingBoxIcons v2 Solidphone-outgoingCarbonphone-outgoingFeather Iconsphone-outgoingHuge Iconsphone-outgoingHumbleiconsphone-outgoingIconParkphone-outgoingIconPark Outlinephone-outgoingIconPark Solidphone-outgoingIconPark TwoTonephone-outgoingMaterial Line Iconsphone-outgoingLucidephone-outgoingMajesticonsphone-outgoingMaterial Design Iconsphone-outgoing-fillMingCute Iconphone-outgoingPhosphorphone-outgoingPixelarticonsphone-outgoingTabler Icons
Related icons in Mage Icons
Use the phone outgoing icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-miterlimit="10" d="M12.744 20.255c-.313-.145-.615-.29-.906-.447a19.3 19.3 0 0 1-4.114-3.132a18 18 0 0 1-3.891-5.201c-.5-1.06-.829-2.193-.973-3.356a5.9 5.9 0 0 1 .37-3.467c.288-.48.637-.92 1.04-1.31a1.76 1.76 0 0 1 1.262-.592a1.9 1.9 0 0 1 1.286.738c.705.76 1.431 1.466 2.17 2.237c.283.25.462.597.502.973c-.028.299-.15.58-.346.806c-.257.313-.548.593-.828.895a1.53 1.53 0 0 0-.458 1.23c.178.546.48 1.044.883 1.454c.492.66.984 1.32 1.52 1.935a13.8 13.8 0 0 0 3.478 2.864a1.3 1.3 0 0 0 1.241.156a4 4 0 0 0 1.118-.95a1.72 1.72 0 0 1 1.118-.604c.39.014.758.178 1.029.458c.335.302.637.649.961.973c.325.325.57.548.839.84q.477.432.905.916a1.33 1.33 0 0 1 .291.996c-.1.44-.344.833-.693 1.118a4.8 4.8 0 0 1-3.768 1.454a10.7 10.7 0 0 1-4.036-.984Zm5.97-14.988l-5.59 5.592"/><path stroke-linejoin="round" d="M18.714 8.611V5.255H15.36"/></g></svg>
React
import type { SVGProps } from "react";
export function MagePhoneOutgoing(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path strokeMiterlimit="10" d="M12.744 20.255c-.313-.145-.615-.29-.906-.447a19.3 19.3 0 0 1-4.114-3.132a18 18 0 0 1-3.891-5.201c-.5-1.06-.829-2.193-.973-3.356a5.9 5.9 0 0 1 .37-3.467c.288-.48.637-.92 1.04-1.31a1.76 1.76 0 0 1 1.262-.592a1.9 1.9 0 0 1 1.286.738c.705.76 1.431 1.466 2.17 2.237c.283.25.462.597.502.973c-.028.299-.15.58-.346.806c-.257.313-.548.593-.828.895a1.53 1.53 0 0 0-.458 1.23c.178.546.48 1.044.883 1.454c.492.66.984 1.32 1.52 1.935a13.8 13.8 0 0 0 3.478 2.864a1.3 1.3 0 0 0 1.241.156a4 4 0 0 0 1.118-.95a1.72 1.72 0 0 1 1.118-.604c.39.014.758.178 1.029.458c.335.302.637.649.961.973c.325.325.57.548.839.84q.477.432.905.916a1.33 1.33 0 0 1 .291.996c-.1.44-.344.833-.693 1.118a4.8 4.8 0 0 1-3.768 1.454a10.7 10.7 0 0 1-4.036-.984Zm5.97-14.988l-5.59 5.592"/><path strokeLinejoin="round" d="M18.714 8.611V5.255H15.36"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-miterlimit="10" d="M12.744 20.255c-.313-.145-.615-.29-.906-.447a19.3 19.3 0 0 1-4.114-3.132a18 18 0 0 1-3.891-5.201c-.5-1.06-.829-2.193-.973-3.356a5.9 5.9 0 0 1 .37-3.467c.288-.48.637-.92 1.04-1.31a1.76 1.76 0 0 1 1.262-.592a1.9 1.9 0 0 1 1.286.738c.705.76 1.431 1.466 2.17 2.237c.283.25.462.597.502.973c-.028.299-.15.58-.346.806c-.257.313-.548.593-.828.895a1.53 1.53 0 0 0-.458 1.23c.178.546.48 1.044.883 1.454c.492.66.984 1.32 1.52 1.935a13.8 13.8 0 0 0 3.478 2.864a1.3 1.3 0 0 0 1.241.156a4 4 0 0 0 1.118-.95a1.72 1.72 0 0 1 1.118-.604c.39.014.758.178 1.029.458c.335.302.637.649.961.973c.325.325.57.548.839.84q.477.432.905.916a1.33 1.33 0 0 1 .291.996c-.1.44-.344.833-.693 1.118a4.8 4.8 0 0 1-3.768 1.454a10.7 10.7 0 0 1-4.036-.984Zm5.97-14.988l-5.59 5.592"/><path stroke-linejoin="round" d="M18.714 8.611V5.255H15.36"/></g></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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-miterlimit%3D%2210%22%20d%3D%22M12.744%2020.255c-.313-.145-.615-.29-.906-.447a19.3%2019.3%200%200%201-4.114-3.132a18%2018%200%200%201-3.891-5.201c-.5-1.06-.829-2.193-.973-3.356a5.9%205.9%200%200%201%20.37-3.467c.288-.48.637-.92%201.04-1.31a1.76%201.76%200%200%201%201.262-.592a1.9%201.9%200%200%201%201.286.738c.705.76%201.431%201.466%202.17%202.237c.283.25.462.597.502.973c-.028.299-.15.58-.346.806c-.257.313-.548.593-.828.895a1.53%201.53%200%200%200-.458%201.23c.178.546.48%201.044.883%201.454c.492.66.984%201.32%201.52%201.935a13.8%2013.8%200%200%200%203.478%202.864a1.3%201.3%200%200%200%201.241.156a4%204%200%200%200%201.118-.95a1.72%201.72%200%200%201%201.118-.604c.39.014.758.178%201.029.458c.335.302.637.649.961.973c.325.325.57.548.839.84q.477.432.905.916a1.33%201.33%200%200%201%20.291.996c-.1.44-.344.833-.693%201.118a4.8%204.8%200%200%201-3.768%201.454a10.7%2010.7%200%200%201-4.036-.984Zm5.97-14.988l-5.59%205.592%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M18.714%208.611V5.255H15.36%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-miterlimit%3D%2210%22%20d%3D%22M12.744%2020.255c-.313-.145-.615-.29-.906-.447a19.3%2019.3%200%200%201-4.114-3.132a18%2018%200%200%201-3.891-5.201c-.5-1.06-.829-2.193-.973-3.356a5.9%205.9%200%200%201%20.37-3.467c.288-.48.637-.92%201.04-1.31a1.76%201.76%200%200%201%201.262-.592a1.9%201.9%200%200%201%201.286.738c.705.76%201.431%201.466%202.17%202.237c.283.25.462.597.502.973c-.028.299-.15.58-.346.806c-.257.313-.548.593-.828.895a1.53%201.53%200%200%200-.458%201.23c.178.546.48%201.044.883%201.454c.492.66.984%201.32%201.52%201.935a13.8%2013.8%200%200%200%203.478%202.864a1.3%201.3%200%200%200%201.241.156a4%204%200%200%200%201.118-.95a1.72%201.72%200%200%201%201.118-.604c.39.014.758.178%201.029.458c.335.302.637.649.961.973c.325.325.57.548.839.84q.477.432.905.916a1.33%201.33%200%200%201%20.291.996c-.1.44-.344.833-.693%201.118a4.8%204.8%200%200%201-3.768%201.454a10.7%2010.7%200%200%201-4.036-.984Zm5.97-14.988l-5.59%205.592%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M18.714%208.611V5.255H15.36%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/phone-outgoing.svg?color=%231a73e8&size=48
