incoming call icon

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

Name
incoming-call-linear
Set
Solar
Style
Linear
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

Use the incoming call 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="M17.6763 20.9631C18.1917 20.9122 18.6399 20.6343 19.0011 20.254L20.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.9631Z"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarIncomingCallLinear(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="M17.6763 20.9631C18.1917 20.9122 18.6399 20.6343 19.0011 20.254L20.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.9631Z"/></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="M17.6763 20.9631C18.1917 20.9122 18.6399 20.6343 19.0011 20.254L20.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.9631Z"/></g></svg>
</template>

CSS

.icon-incoming-call-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%22M17.6763%2020.9631C18.1917%2020.9122%2018.6399%2020.6343%2019.0011%2020.254L20.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.9631Z%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%22M17.6763%2020.9631C18.1917%2020.9122%2018.6399%2020.6343%2019.0011%2020.254L20.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.9631Z%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-linear.svg?color=%231a73e8&size=48