phone icon

phone-filled from Ant Design Icons by HeskeyBaozi · Filled · MIT Free for personal and commercial use.

Name
phone-filled
Set
Ant Design Icons
Style
Filled
Viewbox
1024×1024
License
MIT
Aliases
phone-fill

2 other variants in Ant Design Icons

phone-outlinedphone-twotone

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="M885.6 230.2L779.1 123.8a80.83 80.83 0 0 0-57.3-23.8c-21.7 0-42.1 8.5-57.4 23.8L549.8 238.4a80.83 80.83 0 0 0-23.8 57.3c0 21.7 8.5 42.1 23.8 57.4l83.8 83.8A393.8 393.8 0 0 1 553.1 553A395.3 395.3 0 0 1 437 633.8L353.2 550a80.83 80.83 0 0 0-57.3-23.8c-21.7 0-42.1 8.5-57.4 23.8L123.8 664.5a80.9 80.9 0 0 0-23.8 57.4c0 21.7 8.5 42.1 23.8 57.4l106.3 106.3c24.4 24.5 58.1 38.4 92.7 38.4c7.3 0 14.3-.6 21.2-1.8c134.8-22.2 268.5-93.9 376.4-201.7C828.2 612.8 899.8 479.2 922.3 344c6.8-41.3-6.9-83.8-36.7-113.8"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignPhoneFilled(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="M885.6 230.2L779.1 123.8a80.83 80.83 0 0 0-57.3-23.8c-21.7 0-42.1 8.5-57.4 23.8L549.8 238.4a80.83 80.83 0 0 0-23.8 57.3c0 21.7 8.5 42.1 23.8 57.4l83.8 83.8A393.8 393.8 0 0 1 553.1 553A395.3 395.3 0 0 1 437 633.8L353.2 550a80.83 80.83 0 0 0-57.3-23.8c-21.7 0-42.1 8.5-57.4 23.8L123.8 664.5a80.9 80.9 0 0 0-23.8 57.4c0 21.7 8.5 42.1 23.8 57.4l106.3 106.3c24.4 24.5 58.1 38.4 92.7 38.4c7.3 0 14.3-.6 21.2-1.8c134.8-22.2 268.5-93.9 376.4-201.7C828.2 612.8 899.8 479.2 922.3 344c6.8-41.3-6.9-83.8-36.7-113.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="M885.6 230.2L779.1 123.8a80.83 80.83 0 0 0-57.3-23.8c-21.7 0-42.1 8.5-57.4 23.8L549.8 238.4a80.83 80.83 0 0 0-23.8 57.3c0 21.7 8.5 42.1 23.8 57.4l83.8 83.8A393.8 393.8 0 0 1 553.1 553A395.3 395.3 0 0 1 437 633.8L353.2 550a80.83 80.83 0 0 0-57.3-23.8c-21.7 0-42.1 8.5-57.4 23.8L123.8 664.5a80.9 80.9 0 0 0-23.8 57.4c0 21.7 8.5 42.1 23.8 57.4l106.3 106.3c24.4 24.5 58.1 38.4 92.7 38.4c7.3 0 14.3-.6 21.2-1.8c134.8-22.2 268.5-93.9 376.4-201.7C828.2 612.8 899.8 479.2 922.3 344c6.8-41.3-6.9-83.8-36.7-113.8"/></svg>
</template>

CSS

.icon-phone-filled {
  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%22M885.6%20230.2L779.1%20123.8a80.83%2080.83%200%200%200-57.3-23.8c-21.7%200-42.1%208.5-57.4%2023.8L549.8%20238.4a80.83%2080.83%200%200%200-23.8%2057.3c0%2021.7%208.5%2042.1%2023.8%2057.4l83.8%2083.8A393.8%20393.8%200%200%201%20553.1%20553A395.3%20395.3%200%200%201%20437%20633.8L353.2%20550a80.83%2080.83%200%200%200-57.3-23.8c-21.7%200-42.1%208.5-57.4%2023.8L123.8%20664.5a80.9%2080.9%200%200%200-23.8%2057.4c0%2021.7%208.5%2042.1%2023.8%2057.4l106.3%20106.3c24.4%2024.5%2058.1%2038.4%2092.7%2038.4c7.3%200%2014.3-.6%2021.2-1.8c134.8-22.2%20268.5-93.9%20376.4-201.7C828.2%20612.8%20899.8%20479.2%20922.3%20344c6.8-41.3-6.9-83.8-36.7-113.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%22M885.6%20230.2L779.1%20123.8a80.83%2080.83%200%200%200-57.3-23.8c-21.7%200-42.1%208.5-57.4%2023.8L549.8%20238.4a80.83%2080.83%200%200%200-23.8%2057.3c0%2021.7%208.5%2042.1%2023.8%2057.4l83.8%2083.8A393.8%20393.8%200%200%201%20553.1%20553A395.3%20395.3%200%200%201%20437%20633.8L353.2%20550a80.83%2080.83%200%200%200-57.3-23.8c-21.7%200-42.1%208.5-57.4%2023.8L123.8%20664.5a80.9%2080.9%200%200%200-23.8%2057.4c0%2021.7%208.5%2042.1%2023.8%2057.4l106.3%20106.3c24.4%2024.5%2058.1%2038.4%2092.7%2038.4c7.3%200%2014.3-.6%2021.2-1.8c134.8-22.2%20268.5-93.9%20376.4-201.7C828.2%20612.8%20899.8%20479.2%20922.3%20344c6.8-41.3-6.9-83.8-36.7-113.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-filled.svg?color=%231a73e8&size=48