phone incoming icon
phone-incoming from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- phone-incoming
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
- Aliases
- bx-phone-incoming
The same icon in other sets
phone-incomingBoxIcons v2 Solidphone-incomingCarbonphone-incomingFeather Iconsphone-incomingHuge Iconsphone-incomingHumbleiconsphone-incomingIconParkphone-incomingIconPark Outlinephone-incomingIconPark Solidphone-incomingIconPark TwoTonephone-incomingMaterial Line Iconsphone-incomingLucidephone-incomingMage Iconsphone-incomingMajesticonsphone-incomingMaterial Design Iconsphone-incoming-fillMingCute Iconphone-incomingPhosphorphone-incomingTabler Icons
Related icons in BoxIcons v2
Use the phone incoming 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.597 1.596c-.824-.245-2.166-.771-2.99-1.596c-.874-.874-1.374-2.253-1.594-2.992l1.594-1.594a1 1 0 0 0 0-1.414l-4-4a1.03 1.03 0 0 0-1.414 0l-2.709 2.71c-.382.38-.597.904-.588 1.437c.022 1.423.396 6.367 4.297 10.268C10.195 21.6 15.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.874-3.712C4.343 12.92 4.019 8.636 4 7.414l2.004-2.005L8.59 7.995L7.297 9.288c-.238.238-.34.582-.271.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="M15.795 6.791L13.005 4v6.995H20l-2.791-2.79l4.503-4.503l-1.414-1.414z"/></svg>
React
import type { SVGProps } from "react";
export function BxPhoneIncoming(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.597 1.596c-.824-.245-2.166-.771-2.99-1.596c-.874-.874-1.374-2.253-1.594-2.992l1.594-1.594a1 1 0 0 0 0-1.414l-4-4a1.03 1.03 0 0 0-1.414 0l-2.709 2.71c-.382.38-.597.904-.588 1.437c.022 1.423.396 6.367 4.297 10.268C10.195 21.6 15.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.874-3.712C4.343 12.92 4.019 8.636 4 7.414l2.004-2.005L8.59 7.995L7.297 9.288c-.238.238-.34.582-.271.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="M15.795 6.791L13.005 4v6.995H20l-2.791-2.79l4.503-4.503l-1.414-1.414z"/></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.597 1.596c-.824-.245-2.166-.771-2.99-1.596c-.874-.874-1.374-2.253-1.594-2.992l1.594-1.594a1 1 0 0 0 0-1.414l-4-4a1.03 1.03 0 0 0-1.414 0l-2.709 2.71c-.382.38-.597.904-.588 1.437c.022 1.423.396 6.367 4.297 10.268C10.195 21.6 15.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.874-3.712C4.343 12.92 4.019 8.636 4 7.414l2.004-2.005L8.59 7.995L7.297 9.288c-.238.238-.34.582-.271.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="M15.795 6.791L13.005 4v6.995H20l-2.791-2.79l4.503-4.503l-1.414-1.414z"/></svg> </template>
CSS
.icon-phone-incoming {
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.597%201.596c-.824-.245-2.166-.771-2.99-1.596c-.874-.874-1.374-2.253-1.594-2.992l1.594-1.594a1%201%200%200%200%200-1.414l-4-4a1.03%201.03%200%200%200-1.414%200l-2.709%202.71c-.382.38-.597.904-.588%201.437c.022%201.423.396%206.367%204.297%2010.268C10.195%2021.6%2015.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.874-3.712C4.343%2012.92%204.019%208.636%204%207.414l2.004-2.005L8.59%207.995L7.297%209.288c-.238.238-.34.582-.271.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%22M15.795%206.791L13.005%204v6.995H20l-2.791-2.79l4.503-4.503l-1.414-1.414z%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.597%201.596c-.824-.245-2.166-.771-2.99-1.596c-.874-.874-1.374-2.253-1.594-2.992l1.594-1.594a1%201%200%200%200%200-1.414l-4-4a1.03%201.03%200%200%200-1.414%200l-2.709%202.71c-.382.38-.597.904-.588%201.437c.022%201.423.396%206.367%204.297%2010.268C10.195%2021.6%2015.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.874-3.712C4.343%2012.92%204.019%208.636%204%207.414l2.004-2.005L8.59%207.995L7.297%209.288c-.238.238-.34.582-.271.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%22M15.795%206.791L13.005%204v6.995H20l-2.791-2.79l4.503-4.503l-1.414-1.414z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/phone-incoming.svg?color=%231a73e8&size=48
