call cancel icon
call-cancel-line-duotone from Solar by 480 Design · Line Duotone · Call · CC-BY-4.0 Attribution required.
- Name
- call-cancel-line-duotone
- Set
- Solar
- Style
- Line Duotone
- Category
- Call
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More call icons from Solar
call-cancel-rounded-boldcall-chat-boldcall-chat-rounded-boldcall-dropped-boldcall-dropped-rounded-boldcall-medicine-boldcall-medicine-rounded-boldend-call-boldend-call-rounded-boldincoming-call-boldincoming-call-rounded-boldoutgoing-call-boldoutgoing-call-rounded-boldphone-boldphone-calling-boldphone-calling-rounded-boldphone-rounded-boldrecord-circle-boldrecord-minimalistic-boldrecord-square-bold
Use the call cancel icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M20 4.00002L16 8M16 4L20 7.99998"/><path d="M20.4217 18.7584C21.3806 17.7489 21.1102 16.0182 19.8833 15.312L17.9728 14.2123C17.1672 13.7486 16.1858 13.8848 15.5562 14.5477L15.1007 15.0272C15.1007 15.0272 14.0181 16.167 11.0631 13.0559C8.10812 9.94484 9.1907 8.80507 9.1907 8.80507L9.47752 8.50311C10.1841 7.75924 10.2507 6.56497 9.63424 5.6931L8.37326 3.90961C7.61028 2.8305 6.13596 2.68795 5.26145 3.60864L3.69185 5.26114C3.25823 5.71766 2.96765 6.30945 3.00289 6.96594C3.09304 8.64546 3.81072 12.259 7.81536 16.4752C12.0621 20.9462 16.0468 21.1239 17.6763 20.9631C18.1917 20.9122 18.6399 20.6343 19.0011 20.254L20.4217 18.7584Z" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarCallCancelLineDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M20 4.00002L16 8M16 4L20 7.99998"/><path d="M20.4217 18.7584C21.3806 17.7489 21.1102 16.0182 19.8833 15.312L17.9728 14.2123C17.1672 13.7486 16.1858 13.8848 15.5562 14.5477L15.1007 15.0272C15.1007 15.0272 14.0181 16.167 11.0631 13.0559C8.10812 9.94484 9.1907 8.80507 9.1907 8.80507L9.47752 8.50311C10.1841 7.75924 10.2507 6.56497 9.63424 5.6931L8.37326 3.90961C7.61028 2.8305 6.13596 2.68795 5.26145 3.60864L3.69185 5.26114C3.25823 5.71766 2.96765 6.30945 3.00289 6.96594C3.09304 8.64546 3.81072 12.259 7.81536 16.4752C12.0621 20.9462 16.0468 21.1239 17.6763 20.9631C18.1917 20.9122 18.6399 20.6343 19.0011 20.254L20.4217 18.7584Z" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M20 4.00002L16 8M16 4L20 7.99998"/><path d="M20.4217 18.7584C21.3806 17.7489 21.1102 16.0182 19.8833 15.312L17.9728 14.2123C17.1672 13.7486 16.1858 13.8848 15.5562 14.5477L15.1007 15.0272C15.1007 15.0272 14.0181 16.167 11.0631 13.0559C8.10812 9.94484 9.1907 8.80507 9.1907 8.80507L9.47752 8.50311C10.1841 7.75924 10.2507 6.56497 9.63424 5.6931L8.37326 3.90961C7.61028 2.8305 6.13596 2.68795 5.26145 3.60864L3.69185 5.26114C3.25823 5.71766 2.96765 6.30945 3.00289 6.96594C3.09304 8.64546 3.81072 12.259 7.81536 16.4752C12.0621 20.9462 16.0468 21.1239 17.6763 20.9631C18.1917 20.9122 18.6399 20.6343 19.0011 20.254L20.4217 18.7584Z" opacity=".5"/></g></svg> </template>
CSS
.icon-call-cancel-line-duotone {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M20%204.00002L16%208M16%204L20%207.99998%22%2F%3E%3Cpath%20d%3D%22M20.4217%2018.7584C21.3806%2017.7489%2021.1102%2016.0182%2019.8833%2015.312L17.9728%2014.2123C17.1672%2013.7486%2016.1858%2013.8848%2015.5562%2014.5477L15.1007%2015.0272C15.1007%2015.0272%2014.0181%2016.167%2011.0631%2013.0559C8.10812%209.94484%209.1907%208.80507%209.1907%208.80507L9.47752%208.50311C10.1841%207.75924%2010.2507%206.56497%209.63424%205.6931L8.37326%203.90961C7.61028%202.8305%206.13596%202.68795%205.26145%203.60864L3.69185%205.26114C3.25823%205.71766%202.96765%206.30945%203.00289%206.96594C3.09304%208.64546%203.81072%2012.259%207.81536%2016.4752C12.0621%2020.9462%2016.0468%2021.1239%2017.6763%2020.9631C18.1917%2020.9122%2018.6399%2020.6343%2019.0011%2020.254L20.4217%2018.7584Z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M20%204.00002L16%208M16%204L20%207.99998%22%2F%3E%3Cpath%20d%3D%22M20.4217%2018.7584C21.3806%2017.7489%2021.1102%2016.0182%2019.8833%2015.312L17.9728%2014.2123C17.1672%2013.7486%2016.1858%2013.8848%2015.5562%2014.5477L15.1007%2015.0272C15.1007%2015.0272%2014.0181%2016.167%2011.0631%2013.0559C8.10812%209.94484%209.1907%208.80507%209.1907%208.80507L9.47752%208.50311C10.1841%207.75924%2010.2507%206.56497%209.63424%205.6931L8.37326%203.90961C7.61028%202.8305%206.13596%202.68795%205.26145%203.60864L3.69185%205.26114C3.25823%205.71766%202.96765%206.30945%203.00289%206.96594C3.09304%208.64546%203.81072%2012.259%207.81536%2016.4752C12.0621%2020.9462%2016.0468%2021.1239%2017.6763%2020.9631C18.1917%2020.9122%2018.6399%2020.6343%2019.0011%2020.254L20.4217%2018.7584Z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/call-cancel-line-duotone.svg?color=%231a73e8&size=48
