phone icon
phone-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.
- Name
- phone-outlined
- Set
- Ant Design Icons
- Style
- Outlined
- Viewbox
- 1024×1024
- License
- MIT
- Aliases
- phone, phone-outline
2 other variants in Ant Design Icons
The same icon in other sets
phoneAkar IconsphoneBootstrap IconsphoneBoxIcons v2phoneBoxIcons v2 SolidphoneCarbonphoneElement Plusphone-fillEva IconsphoneFramework7 IconsphoneFont Awesome 6 SolidphoneFont Awesome SolidphoneFeather Iconsphone-outlineFlowbite Iconsphone-12-filledFluent UI System Iconsphone-16Fluent UI System Color Iconsphonecss.ggphoneHealth IconsphoneHeroIconsphoneHuge IconsphoneHumbleiconsphoneIconParkphoneIconPark OutlinephoneIconPark SolidphoneIconPark TwoTonephoneIconoir
Use the phone icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M877.1 238.7L770.6 132.3c-13-13-30.4-20.3-48.8-20.3s-35.8 7.2-48.8 20.3L558.3 246.8c-13 13-20.3 30.5-20.3 48.9c0 18.5 7.2 35.8 20.3 48.9l89.6 89.7a405.5 405.5 0 0 1-86.4 127.3c-36.7 36.9-79.6 66-127.2 86.6l-89.6-89.7c-13-13-30.4-20.3-48.8-20.3a68.2 68.2 0 0 0-48.8 20.3L132.3 673c-13 13-20.3 30.5-20.3 48.9c0 18.5 7.2 35.8 20.3 48.9l106.4 106.4c22.2 22.2 52.8 34.9 84.2 34.9c6.5 0 12.8-.5 19.2-1.6c132.4-21.8 263.8-92.3 369.9-198.3C818 606 888.4 474.6 910.4 342.1c6.3-37.6-6.3-76.3-33.3-103.4m-37.6 91.5c-19.5 117.9-82.9 235.5-178.4 331s-213 158.9-330.9 178.4c-14.8 2.5-30-2.5-40.8-13.2L184.9 721.9L295.7 611l119.8 120l.9.9l21.6-8a481.29 481.29 0 0 0 285.7-285.8l8-21.6l-120.8-120.7l110.8-110.9l104.5 104.5c10.8 10.8 15.8 26 13.3 40.8"/></svg>
React
import type { SVGProps } from "react";
export function AntDesignPhoneOutlined(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M877.1 238.7L770.6 132.3c-13-13-30.4-20.3-48.8-20.3s-35.8 7.2-48.8 20.3L558.3 246.8c-13 13-20.3 30.5-20.3 48.9c0 18.5 7.2 35.8 20.3 48.9l89.6 89.7a405.5 405.5 0 0 1-86.4 127.3c-36.7 36.9-79.6 66-127.2 86.6l-89.6-89.7c-13-13-30.4-20.3-48.8-20.3a68.2 68.2 0 0 0-48.8 20.3L132.3 673c-13 13-20.3 30.5-20.3 48.9c0 18.5 7.2 35.8 20.3 48.9l106.4 106.4c22.2 22.2 52.8 34.9 84.2 34.9c6.5 0 12.8-.5 19.2-1.6c132.4-21.8 263.8-92.3 369.9-198.3C818 606 888.4 474.6 910.4 342.1c6.3-37.6-6.3-76.3-33.3-103.4m-37.6 91.5c-19.5 117.9-82.9 235.5-178.4 331s-213 158.9-330.9 178.4c-14.8 2.5-30-2.5-40.8-13.2L184.9 721.9L295.7 611l119.8 120l.9.9l21.6-8a481.29 481.29 0 0 0 285.7-285.8l8-21.6l-120.8-120.7l110.8-110.9l104.5 104.5c10.8 10.8 15.8 26 13.3 40.8"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M877.1 238.7L770.6 132.3c-13-13-30.4-20.3-48.8-20.3s-35.8 7.2-48.8 20.3L558.3 246.8c-13 13-20.3 30.5-20.3 48.9c0 18.5 7.2 35.8 20.3 48.9l89.6 89.7a405.5 405.5 0 0 1-86.4 127.3c-36.7 36.9-79.6 66-127.2 86.6l-89.6-89.7c-13-13-30.4-20.3-48.8-20.3a68.2 68.2 0 0 0-48.8 20.3L132.3 673c-13 13-20.3 30.5-20.3 48.9c0 18.5 7.2 35.8 20.3 48.9l106.4 106.4c22.2 22.2 52.8 34.9 84.2 34.9c6.5 0 12.8-.5 19.2-1.6c132.4-21.8 263.8-92.3 369.9-198.3C818 606 888.4 474.6 910.4 342.1c6.3-37.6-6.3-76.3-33.3-103.4m-37.6 91.5c-19.5 117.9-82.9 235.5-178.4 331s-213 158.9-330.9 178.4c-14.8 2.5-30-2.5-40.8-13.2L184.9 721.9L295.7 611l119.8 120l.9.9l21.6-8a481.29 481.29 0 0 0 285.7-285.8l8-21.6l-120.8-120.7l110.8-110.9l104.5 104.5c10.8 10.8 15.8 26 13.3 40.8"/></svg> </template>
CSS
.icon-phone-outlined {
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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M877.1%20238.7L770.6%20132.3c-13-13-30.4-20.3-48.8-20.3s-35.8%207.2-48.8%2020.3L558.3%20246.8c-13%2013-20.3%2030.5-20.3%2048.9c0%2018.5%207.2%2035.8%2020.3%2048.9l89.6%2089.7a405.5%20405.5%200%200%201-86.4%20127.3c-36.7%2036.9-79.6%2066-127.2%2086.6l-89.6-89.7c-13-13-30.4-20.3-48.8-20.3a68.2%2068.2%200%200%200-48.8%2020.3L132.3%20673c-13%2013-20.3%2030.5-20.3%2048.9c0%2018.5%207.2%2035.8%2020.3%2048.9l106.4%20106.4c22.2%2022.2%2052.8%2034.9%2084.2%2034.9c6.5%200%2012.8-.5%2019.2-1.6c132.4-21.8%20263.8-92.3%20369.9-198.3C818%20606%20888.4%20474.6%20910.4%20342.1c6.3-37.6-6.3-76.3-33.3-103.4m-37.6%2091.5c-19.5%20117.9-82.9%20235.5-178.4%20331s-213%20158.9-330.9%20178.4c-14.8%202.5-30-2.5-40.8-13.2L184.9%20721.9L295.7%20611l119.8%20120l.9.9l21.6-8a481.29%20481.29%200%200%200%20285.7-285.8l8-21.6l-120.8-120.7l110.8-110.9l104.5%20104.5c10.8%2010.8%2015.8%2026%2013.3%2040.8%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M877.1%20238.7L770.6%20132.3c-13-13-30.4-20.3-48.8-20.3s-35.8%207.2-48.8%2020.3L558.3%20246.8c-13%2013-20.3%2030.5-20.3%2048.9c0%2018.5%207.2%2035.8%2020.3%2048.9l89.6%2089.7a405.5%20405.5%200%200%201-86.4%20127.3c-36.7%2036.9-79.6%2066-127.2%2086.6l-89.6-89.7c-13-13-30.4-20.3-48.8-20.3a68.2%2068.2%200%200%200-48.8%2020.3L132.3%20673c-13%2013-20.3%2030.5-20.3%2048.9c0%2018.5%207.2%2035.8%2020.3%2048.9l106.4%20106.4c22.2%2022.2%2052.8%2034.9%2084.2%2034.9c6.5%200%2012.8-.5%2019.2-1.6c132.4-21.8%20263.8-92.3%20369.9-198.3C818%20606%20888.4%20474.6%20910.4%20342.1c6.3-37.6-6.3-76.3-33.3-103.4m-37.6%2091.5c-19.5%20117.9-82.9%20235.5-178.4%20331s-213%20158.9-330.9%20178.4c-14.8%202.5-30-2.5-40.8-13.2L184.9%20721.9L295.7%20611l119.8%20120l.9.9l21.6-8a481.29%20481.29%200%200%200%20285.7-285.8l8-21.6l-120.8-120.7l110.8-110.9l104.5%20104.5c10.8%2010.8%2015.8%2026%2013.3%2040.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/phone-outlined.svg?color=%231a73e8&size=48
