phone plus icon
phone-plus from Mage Icons by MageIcons · Outline · Apache-2.0 Free for personal and commercial use.
- Name
- phone-plus
- Set
- Mage Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Mage Icons
The same icon in other sets
Related icons in Mage Icons
Use the phone plus icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.5" d="M12.744 20.255a17 17 0 0 1-.906-.447a19.3 19.3 0 0 1-4.113-3.132a18 18 0 0 1-3.89-5.201c-.5-1.06-.83-2.193-.973-3.356a5.9 5.9 0 0 1 .37-3.467c.287-.48.637-.92 1.039-1.31a1.76 1.76 0 0 1 1.263-.592a1.9 1.9 0 0 1 1.285.738c.705.76 1.431 1.466 2.169 2.237c.283.25.463.597.503.973c-.029.299-.15.58-.347.806c-.257.313-.547.593-.827.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.477 2.864a1.3 1.3 0 0 0 1.24.156a4 4 0 0 0 1.118-.95a1.72 1.72 0 0 1 1.118-.604c.39.014.758.178 1.028.458c.336.302.638.649.962.973c.324.325.57.548.838.84q.478.432.906.916a1.33 1.33 0 0 1 .29.996c-.1.44-.344.833-.693 1.118a4.8 4.8 0 0 1-3.767 1.454a10.7 10.7 0 0 1-4.035-.984ZM15.36 4.931v5.134M12.8 7.504h5.13"/></svg>
React
import type { SVGProps } from "react";
export function MagePhonePlus(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="1.5" d="M12.744 20.255a17 17 0 0 1-.906-.447a19.3 19.3 0 0 1-4.113-3.132a18 18 0 0 1-3.89-5.201c-.5-1.06-.83-2.193-.973-3.356a5.9 5.9 0 0 1 .37-3.467c.287-.48.637-.92 1.039-1.31a1.76 1.76 0 0 1 1.263-.592a1.9 1.9 0 0 1 1.285.738c.705.76 1.431 1.466 2.169 2.237c.283.25.463.597.503.973c-.029.299-.15.58-.347.806c-.257.313-.547.593-.827.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.477 2.864a1.3 1.3 0 0 0 1.24.156a4 4 0 0 0 1.118-.95a1.72 1.72 0 0 1 1.118-.604c.39.014.758.178 1.028.458c.336.302.638.649.962.973c.324.325.57.548.838.84q.478.432.906.916a1.33 1.33 0 0 1 .29.996c-.1.44-.344.833-.693 1.118a4.8 4.8 0 0 1-3.767 1.454a10.7 10.7 0 0 1-4.035-.984ZM15.36 4.931v5.134M12.8 7.504h5.13"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.5" d="M12.744 20.255a17 17 0 0 1-.906-.447a19.3 19.3 0 0 1-4.113-3.132a18 18 0 0 1-3.89-5.201c-.5-1.06-.83-2.193-.973-3.356a5.9 5.9 0 0 1 .37-3.467c.287-.48.637-.92 1.039-1.31a1.76 1.76 0 0 1 1.263-.592a1.9 1.9 0 0 1 1.285.738c.705.76 1.431 1.466 2.169 2.237c.283.25.463.597.503.973c-.029.299-.15.58-.347.806c-.257.313-.547.593-.827.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.477 2.864a1.3 1.3 0 0 0 1.24.156a4 4 0 0 0 1.118-.95a1.72 1.72 0 0 1 1.118-.604c.39.014.758.178 1.028.458c.336.302.638.649.962.973c.324.325.57.548.838.84q.478.432.906.916a1.33 1.33 0 0 1 .29.996c-.1.44-.344.833-.693 1.118a4.8 4.8 0 0 1-3.767 1.454a10.7 10.7 0 0 1-4.035-.984ZM15.36 4.931v5.134M12.8 7.504h5.13"/></svg> </template>
CSS
.icon-phone-plus {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5%22%20d%3D%22M12.744%2020.255a17%2017%200%200%201-.906-.447a19.3%2019.3%200%200%201-4.113-3.132a18%2018%200%200%201-3.89-5.201c-.5-1.06-.83-2.193-.973-3.356a5.9%205.9%200%200%201%20.37-3.467c.287-.48.637-.92%201.039-1.31a1.76%201.76%200%200%201%201.263-.592a1.9%201.9%200%200%201%201.285.738c.705.76%201.431%201.466%202.169%202.237c.283.25.463.597.503.973c-.029.299-.15.58-.347.806c-.257.313-.547.593-.827.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.477%202.864a1.3%201.3%200%200%200%201.24.156a4%204%200%200%200%201.118-.95a1.72%201.72%200%200%201%201.118-.604c.39.014.758.178%201.028.458c.336.302.638.649.962.973c.324.325.57.548.838.84q.478.432.906.916a1.33%201.33%200%200%201%20.29.996c-.1.44-.344.833-.693%201.118a4.8%204.8%200%200%201-3.767%201.454a10.7%2010.7%200%200%201-4.035-.984ZM15.36%204.931v5.134M12.8%207.504h5.13%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5%22%20d%3D%22M12.744%2020.255a17%2017%200%200%201-.906-.447a19.3%2019.3%200%200%201-4.113-3.132a18%2018%200%200%201-3.89-5.201c-.5-1.06-.83-2.193-.973-3.356a5.9%205.9%200%200%201%20.37-3.467c.287-.48.637-.92%201.039-1.31a1.76%201.76%200%200%201%201.263-.592a1.9%201.9%200%200%201%201.285.738c.705.76%201.431%201.466%202.169%202.237c.283.25.463.597.503.973c-.029.299-.15.58-.347.806c-.257.313-.547.593-.827.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.477%202.864a1.3%201.3%200%200%200%201.24.156a4%204%200%200%200%201.118-.95a1.72%201.72%200%200%201%201.118-.604c.39.014.758.178%201.028.458c.336.302.638.649.962.973c.324.325.57.548.838.84q.478.432.906.916a1.33%201.33%200%200%201%20.29.996c-.1.44-.344.833-.693%201.118a4.8%204.8%200%200%201-3.767%201.454a10.7%2010.7%200%200%201-4.035-.984ZM15.36%204.931v5.134M12.8%207.504h5.13%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/phone-plus.svg?color=%231a73e8&size=48
