incoming call rounded icon

incoming-call-rounded-linear from Solar by 480 Design · Linear · Call · CC-BY-4.0 Attribution required.

Name
incoming-call-rounded-linear
Set
Solar
Style
Linear
Category
Call
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

More call icons from Solar

Use the incoming 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="M19 5L15 9M18 9H15V6"/><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"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarIncomingCallRoundedLinear(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="M19 5L15 9M18 9H15V6"/><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"/></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="M19 5L15 9M18 9H15V6"/><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"/></g></svg>
</template>

CSS

.icon-incoming-call-rounded-linear {
  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%22M19%205L15%209M18%209H15V6%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%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%22M19%205L15%209M18%209H15V6%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%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/incoming-call-rounded-linear.svg?color=%231a73e8&size=48