outgoing call rounded icon

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

Name
outgoing-call-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 outgoing call 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 9L19 5M16 5H19V8"/><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 SolarOutgoingCallRoundedLineDuotone(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 9L19 5M16 5H19V8"/><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 9L19 5M16 5H19V8"/><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-outgoing-call-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%209L19%205M16%205H19V8%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%209L19%205M16%205H19V8%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/outgoing-call-rounded-line-duotone.svg?color=%231a73e8&size=48