call dropped rounded icon

call-dropped-rounded-line-duotone from Solar by 480 Design · Line Duotone · Call · CC-BY-4.0 Attribution required.

Name
call-dropped-rounded-line-duotone
Set
Solar
Style
Line Duotone
Category
Call
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

More call icons from Solar

Use the call dropped rounded 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 stroke-linejoin="round" d="M15.0002 4V5C15.0002 6.88562 15.0002 7.82843 15.586 8.41421C16.1718 9 17.1146 9 19.0002 9H20.5002M18.0002 11L20.5002 9L18.0002 7"/><path d="M10.0376 5.31617L10.6866 6.4791C11.2723 7.52858 11.0372 8.90533 10.1147 9.8278C10.1147 9.8278 8.99578 10.9467 11.0245 12.9755C13.0532 15.0042 14.1722 13.8853 14.1722 13.8853C15.0947 12.9628 16.4714 12.7277 17.5209 13.3134L18.6838 13.9624C20.2686 14.8468 20.4557 17.0692 19.0628 18.4622C18.2258 19.2992 17.2004 19.9505 16.0669 19.9934C14.1588 20.0658 10.9183 19.5829 7.6677 16.3323C4.41713 13.0817 3.93421 9.84122 4.00655 7.93309C4.04952 6.7996 4.7008 5.77423 5.53781 4.93723C6.93076 3.54428 9.15317 3.73144 10.0376 5.31617Z" opacity=".5"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarCallDroppedRoundedLineDuotone(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 strokeLinejoin="round" d="M15.0002 4V5C15.0002 6.88562 15.0002 7.82843 15.586 8.41421C16.1718 9 17.1146 9 19.0002 9H20.5002M18.0002 11L20.5002 9L18.0002 7"/><path d="M10.0376 5.31617L10.6866 6.4791C11.2723 7.52858 11.0372 8.90533 10.1147 9.8278C10.1147 9.8278 8.99578 10.9467 11.0245 12.9755C13.0532 15.0042 14.1722 13.8853 14.1722 13.8853C15.0947 12.9628 16.4714 12.7277 17.5209 13.3134L18.6838 13.9624C20.2686 14.8468 20.4557 17.0692 19.0628 18.4622C18.2258 19.2992 17.2004 19.9505 16.0669 19.9934C14.1588 20.0658 10.9183 19.5829 7.6677 16.3323C4.41713 13.0817 3.93421 9.84122 4.00655 7.93309C4.04952 6.7996 4.7008 5.77423 5.53781 4.93723C6.93076 3.54428 9.15317 3.73144 10.0376 5.31617Z" 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 stroke-linejoin="round" d="M15.0002 4V5C15.0002 6.88562 15.0002 7.82843 15.586 8.41421C16.1718 9 17.1146 9 19.0002 9H20.5002M18.0002 11L20.5002 9L18.0002 7"/><path d="M10.0376 5.31617L10.6866 6.4791C11.2723 7.52858 11.0372 8.90533 10.1147 9.8278C10.1147 9.8278 8.99578 10.9467 11.0245 12.9755C13.0532 15.0042 14.1722 13.8853 14.1722 13.8853C15.0947 12.9628 16.4714 12.7277 17.5209 13.3134L18.6838 13.9624C20.2686 14.8468 20.4557 17.0692 19.0628 18.4622C18.2258 19.2992 17.2004 19.9505 16.0669 19.9934C14.1588 20.0658 10.9183 19.5829 7.6677 16.3323C4.41713 13.0817 3.93421 9.84122 4.00655 7.93309C4.04952 6.7996 4.7008 5.77423 5.53781 4.93723C6.93076 3.54428 9.15317 3.73144 10.0376 5.31617Z" opacity=".5"/></g></svg>
</template>

CSS

.icon-call-dropped-rounded-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%20stroke-linejoin%3D%22round%22%20d%3D%22M15.0002%204V5C15.0002%206.88562%2015.0002%207.82843%2015.586%208.41421C16.1718%209%2017.1146%209%2019.0002%209H20.5002M18.0002%2011L20.5002%209L18.0002%207%22%2F%3E%3Cpath%20d%3D%22M10.0376%205.31617L10.6866%206.4791C11.2723%207.52858%2011.0372%208.90533%2010.1147%209.8278C10.1147%209.8278%208.99578%2010.9467%2011.0245%2012.9755C13.0532%2015.0042%2014.1722%2013.8853%2014.1722%2013.8853C15.0947%2012.9628%2016.4714%2012.7277%2017.5209%2013.3134L18.6838%2013.9624C20.2686%2014.8468%2020.4557%2017.0692%2019.0628%2018.4622C18.2258%2019.2992%2017.2004%2019.9505%2016.0669%2019.9934C14.1588%2020.0658%2010.9183%2019.5829%207.6677%2016.3323C4.41713%2013.0817%203.93421%209.84122%204.00655%207.93309C4.04952%206.7996%204.7008%205.77423%205.53781%204.93723C6.93076%203.54428%209.15317%203.73144%2010.0376%205.31617Z%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%20stroke-linejoin%3D%22round%22%20d%3D%22M15.0002%204V5C15.0002%206.88562%2015.0002%207.82843%2015.586%208.41421C16.1718%209%2017.1146%209%2019.0002%209H20.5002M18.0002%2011L20.5002%209L18.0002%207%22%2F%3E%3Cpath%20d%3D%22M10.0376%205.31617L10.6866%206.4791C11.2723%207.52858%2011.0372%208.90533%2010.1147%209.8278C10.1147%209.8278%208.99578%2010.9467%2011.0245%2012.9755C13.0532%2015.0042%2014.1722%2013.8853%2014.1722%2013.8853C15.0947%2012.9628%2016.4714%2012.7277%2017.5209%2013.3134L18.6838%2013.9624C20.2686%2014.8468%2020.4557%2017.0692%2019.0628%2018.4622C18.2258%2019.2992%2017.2004%2019.9505%2016.0669%2019.9934C14.1588%2020.0658%2010.9183%2019.5829%207.6677%2016.3323C4.41713%2013.0817%203.93421%209.84122%204.00655%207.93309C4.04952%206.7996%204.7008%205.77423%205.53781%204.93723C6.93076%203.54428%209.15317%203.73144%2010.0376%205.31617Z%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-dropped-rounded-line-duotone.svg?color=%231a73e8&size=48