phone cancel icon
phone-cancel-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- phone-cancel-fill
- Set
- Mage Icons
- Style
- Fill
- 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 cancel icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m10.16 12.267l-.74.73l-2.478 2.416l-.73.72A18 18 0 0 1 3.13 11.68A12.2 12.2 0 0 1 2.1 8.104a6.57 6.57 0 0 1 .421-3.834a7 7 0 0 1 1.182-1.48a2.2 2.2 0 0 1 .73-.535c.287-.136.598-.213.915-.226a2.6 2.6 0 0 1 1.737.956c.473.535 1.028 1.028 1.532 1.573l.647.637a1.76 1.76 0 0 1 .175 2.58a8 8 0 0 1-.627.689l-.226.226q-.183.182-.278.422a1.1 1.1 0 0 0 0 .483c.166.447.425.854.761 1.192c.319.524.689.997 1.09 1.48"/><path fill="currentColor" d="M18.681 6.08L4.126 20.294a.8.8 0 0 1-.545.226a.76.76 0 0 1-.545-.236a.77.77 0 0 1 0-1.09l3.084-3.083l.73-.72l2.477-2.415l.74-.73l7.442-7.288a.77.77 0 0 1 1.09 0a.773.773 0 0 1 .082 1.12m3.331 12.799a2.68 2.68 0 0 1-.915 1.47a5.2 5.2 0 0 1-1.902 1.254a5.3 5.3 0 0 1-1.963.37h-.35a11.6 11.6 0 0 1-4.306-1.028c-.32-.154-.648-.298-1.028-.483a17 17 0 0 1-2.056-1.337a15 15 0 0 1-.792-.627a.503.503 0 0 1-.082-.688l.103-.113l.195-.196l2.426-2.456l.411-.422l.082-.082a.524.524 0 0 1 .638 0q.42.35.884.637q.286.21.596.38c.13.1.281.167.442.196c.14.011.28-.01.411-.062a3.6 3.6 0 0 0 1.028-.832a2.24 2.24 0 0 1 1.46-.802a2.16 2.16 0 0 1 1.47.627c.216.185.442.421.668.658l.308.329l.319.308a10 10 0 0 1 .565.576q.506.428.936.935c.321.388.483.884.452 1.388"/></svg>
React
import type { SVGProps } from "react";
export function MagePhoneCancelFill(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="m10.16 12.267l-.74.73l-2.478 2.416l-.73.72A18 18 0 0 1 3.13 11.68A12.2 12.2 0 0 1 2.1 8.104a6.57 6.57 0 0 1 .421-3.834a7 7 0 0 1 1.182-1.48a2.2 2.2 0 0 1 .73-.535c.287-.136.598-.213.915-.226a2.6 2.6 0 0 1 1.737.956c.473.535 1.028 1.028 1.532 1.573l.647.637a1.76 1.76 0 0 1 .175 2.58a8 8 0 0 1-.627.689l-.226.226q-.183.182-.278.422a1.1 1.1 0 0 0 0 .483c.166.447.425.854.761 1.192c.319.524.689.997 1.09 1.48"/><path fill="currentColor" d="M18.681 6.08L4.126 20.294a.8.8 0 0 1-.545.226a.76.76 0 0 1-.545-.236a.77.77 0 0 1 0-1.09l3.084-3.083l.73-.72l2.477-2.415l.74-.73l7.442-7.288a.77.77 0 0 1 1.09 0a.773.773 0 0 1 .082 1.12m3.331 12.799a2.68 2.68 0 0 1-.915 1.47a5.2 5.2 0 0 1-1.902 1.254a5.3 5.3 0 0 1-1.963.37h-.35a11.6 11.6 0 0 1-4.306-1.028c-.32-.154-.648-.298-1.028-.483a17 17 0 0 1-2.056-1.337a15 15 0 0 1-.792-.627a.503.503 0 0 1-.082-.688l.103-.113l.195-.196l2.426-2.456l.411-.422l.082-.082a.524.524 0 0 1 .638 0q.42.35.884.637q.286.21.596.38c.13.1.281.167.442.196c.14.011.28-.01.411-.062a3.6 3.6 0 0 0 1.028-.832a2.24 2.24 0 0 1 1.46-.802a2.16 2.16 0 0 1 1.47.627c.216.185.442.421.668.658l.308.329l.319.308a10 10 0 0 1 .565.576q.506.428.936.935c.321.388.483.884.452 1.388"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m10.16 12.267l-.74.73l-2.478 2.416l-.73.72A18 18 0 0 1 3.13 11.68A12.2 12.2 0 0 1 2.1 8.104a6.57 6.57 0 0 1 .421-3.834a7 7 0 0 1 1.182-1.48a2.2 2.2 0 0 1 .73-.535c.287-.136.598-.213.915-.226a2.6 2.6 0 0 1 1.737.956c.473.535 1.028 1.028 1.532 1.573l.647.637a1.76 1.76 0 0 1 .175 2.58a8 8 0 0 1-.627.689l-.226.226q-.183.182-.278.422a1.1 1.1 0 0 0 0 .483c.166.447.425.854.761 1.192c.319.524.689.997 1.09 1.48"/><path fill="currentColor" d="M18.681 6.08L4.126 20.294a.8.8 0 0 1-.545.226a.76.76 0 0 1-.545-.236a.77.77 0 0 1 0-1.09l3.084-3.083l.73-.72l2.477-2.415l.74-.73l7.442-7.288a.77.77 0 0 1 1.09 0a.773.773 0 0 1 .082 1.12m3.331 12.799a2.68 2.68 0 0 1-.915 1.47a5.2 5.2 0 0 1-1.902 1.254a5.3 5.3 0 0 1-1.963.37h-.35a11.6 11.6 0 0 1-4.306-1.028c-.32-.154-.648-.298-1.028-.483a17 17 0 0 1-2.056-1.337a15 15 0 0 1-.792-.627a.503.503 0 0 1-.082-.688l.103-.113l.195-.196l2.426-2.456l.411-.422l.082-.082a.524.524 0 0 1 .638 0q.42.35.884.637q.286.21.596.38c.13.1.281.167.442.196c.14.011.28-.01.411-.062a3.6 3.6 0 0 0 1.028-.832a2.24 2.24 0 0 1 1.46-.802a2.16 2.16 0 0 1 1.47.627c.216.185.442.421.668.658l.308.329l.319.308a10 10 0 0 1 .565.576q.506.428.936.935c.321.388.483.884.452 1.388"/></svg> </template>
CSS
.icon-phone-cancel-fill {
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%22m10.16%2012.267l-.74.73l-2.478%202.416l-.73.72A18%2018%200%200%201%203.13%2011.68A12.2%2012.2%200%200%201%202.1%208.104a6.57%206.57%200%200%201%20.421-3.834a7%207%200%200%201%201.182-1.48a2.2%202.2%200%200%201%20.73-.535c.287-.136.598-.213.915-.226a2.6%202.6%200%200%201%201.737.956c.473.535%201.028%201.028%201.532%201.573l.647.637a1.76%201.76%200%200%201%20.175%202.58a8%208%200%200%201-.627.689l-.226.226q-.183.182-.278.422a1.1%201.1%200%200%200%200%20.483c.166.447.425.854.761%201.192c.319.524.689.997%201.09%201.48%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.681%206.08L4.126%2020.294a.8.8%200%200%201-.545.226a.76.76%200%200%201-.545-.236a.77.77%200%200%201%200-1.09l3.084-3.083l.73-.72l2.477-2.415l.74-.73l7.442-7.288a.77.77%200%200%201%201.09%200a.773.773%200%200%201%20.082%201.12m3.331%2012.799a2.68%202.68%200%200%201-.915%201.47a5.2%205.2%200%200%201-1.902%201.254a5.3%205.3%200%200%201-1.963.37h-.35a11.6%2011.6%200%200%201-4.306-1.028c-.32-.154-.648-.298-1.028-.483a17%2017%200%200%201-2.056-1.337a15%2015%200%200%201-.792-.627a.503.503%200%200%201-.082-.688l.103-.113l.195-.196l2.426-2.456l.411-.422l.082-.082a.524.524%200%200%201%20.638%200q.42.35.884.637q.286.21.596.38c.13.1.281.167.442.196c.14.011.28-.01.411-.062a3.6%203.6%200%200%200%201.028-.832a2.24%202.24%200%200%201%201.46-.802a2.16%202.16%200%200%201%201.47.627c.216.185.442.421.668.658l.308.329l.319.308a10%2010%200%200%201%20.565.576q.506.428.936.935c.321.388.483.884.452%201.388%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%22m10.16%2012.267l-.74.73l-2.478%202.416l-.73.72A18%2018%200%200%201%203.13%2011.68A12.2%2012.2%200%200%201%202.1%208.104a6.57%206.57%200%200%201%20.421-3.834a7%207%200%200%201%201.182-1.48a2.2%202.2%200%200%201%20.73-.535c.287-.136.598-.213.915-.226a2.6%202.6%200%200%201%201.737.956c.473.535%201.028%201.028%201.532%201.573l.647.637a1.76%201.76%200%200%201%20.175%202.58a8%208%200%200%201-.627.689l-.226.226q-.183.182-.278.422a1.1%201.1%200%200%200%200%20.483c.166.447.425.854.761%201.192c.319.524.689.997%201.09%201.48%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.681%206.08L4.126%2020.294a.8.8%200%200%201-.545.226a.76.76%200%200%201-.545-.236a.77.77%200%200%201%200-1.09l3.084-3.083l.73-.72l2.477-2.415l.74-.73l7.442-7.288a.77.77%200%200%201%201.09%200a.773.773%200%200%201%20.082%201.12m3.331%2012.799a2.68%202.68%200%200%201-.915%201.47a5.2%205.2%200%200%201-1.902%201.254a5.3%205.3%200%200%201-1.963.37h-.35a11.6%2011.6%200%200%201-4.306-1.028c-.32-.154-.648-.298-1.028-.483a17%2017%200%200%201-2.056-1.337a15%2015%200%200%201-.792-.627a.503.503%200%200%201-.082-.688l.103-.113l.195-.196l2.426-2.456l.411-.422l.082-.082a.524.524%200%200%201%20.638%200q.42.35.884.637q.286.21.596.38c.13.1.281.167.442.196c.14.011.28-.01.411-.062a3.6%203.6%200%200%200%201.028-.832a2.24%202.24%200%200%201%201.46-.802a2.16%202.16%200%200%201%201.47.627c.216.185.442.421.668.658l.308.329l.319.308a10%2010%200%200%201%20.565.576q.506.428.936.935c.321.388.483.884.452%201.388%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/phone-cancel-fill.svg?color=%231a73e8&size=48
