phone missed call icon

phone-missed-call-line from Majesticons by Gerrit Halfmann · Line · MIT Free for personal and commercial use.

Name: phone-missed-call-line
Set: Majesticons
Style: Line
Viewbox: 24×24
License: MIT

1 other variant in Majesticons

phone-missed-call

The same icon in other sets

phone-missed-callMage Icons

Related icons in Majesticons

phone-dial phone-hangup phone-incoming phone-outgoing phone-retro phone-ring

Use the phone missed call icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M15.707 3.293a1 1 0 1 0-1.414 1.414L16.086 6.5l-1.793 1.793a1 1 0 0 0 1.414 1.414L17.5 7.914l1.793 1.793a1 1 0 0 0 1.414-1.414L18.914 6.5l1.793-1.793a1 1 0 0 0-1.414-1.414L17.5 5.086l-1.793-1.793zM3 4a1 1 0 0 0-1 1c0 2.023.424 4.734 1.583 7.399c1.4 3.22 3.895 6.42 8.022 8.194C13.672 21.483 16.121 22 19 22a1 1 0 0 0 1-1v-4a1 1 0 0 0-.758-.97l-4-1a1 1 0 0 0-1.017.338l-2.509 3.073c-2.894-1.443-4.796-3.735-5.991-6.174L8.65 9.76a1 1 0 0 0 .32-1.002l-1-4A1 1 0 0 0 7 4H3zm15 15.977c-1.63-.078-3.07-.343-4.343-.75l1.716-2.103l2.627.657v2.196zM6.88 8.643L4.922 10.32A17.47 17.47 0 0 1 4.037 6h2.182l.661 2.643z"/></g></svg>

React

import type { SVGProps } from "react";

export function MajesticonsPhoneMissedCallLine(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M15.707 3.293a1 1 0 1 0-1.414 1.414L16.086 6.5l-1.793 1.793a1 1 0 0 0 1.414 1.414L17.5 7.914l1.793 1.793a1 1 0 0 0 1.414-1.414L18.914 6.5l1.793-1.793a1 1 0 0 0-1.414-1.414L17.5 5.086l-1.793-1.793zM3 4a1 1 0 0 0-1 1c0 2.023.424 4.734 1.583 7.399c1.4 3.22 3.895 6.42 8.022 8.194C13.672 21.483 16.121 22 19 22a1 1 0 0 0 1-1v-4a1 1 0 0 0-.758-.97l-4-1a1 1 0 0 0-1.017.338l-2.509 3.073c-2.894-1.443-4.796-3.735-5.991-6.174L8.65 9.76a1 1 0 0 0 .32-1.002l-1-4A1 1 0 0 0 7 4H3zm15 15.977c-1.63-.078-3.07-.343-4.343-.75l1.716-2.103l2.627.657v2.196zM6.88 8.643L4.922 10.32A17.47 17.47 0 0 1 4.037 6h2.182l.661 2.643z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M15.707 3.293a1 1 0 1 0-1.414 1.414L16.086 6.5l-1.793 1.793a1 1 0 0 0 1.414 1.414L17.5 7.914l1.793 1.793a1 1 0 0 0 1.414-1.414L18.914 6.5l1.793-1.793a1 1 0 0 0-1.414-1.414L17.5 5.086l-1.793-1.793zM3 4a1 1 0 0 0-1 1c0 2.023.424 4.734 1.583 7.399c1.4 3.22 3.895 6.42 8.022 8.194C13.672 21.483 16.121 22 19 22a1 1 0 0 0 1-1v-4a1 1 0 0 0-.758-.97l-4-1a1 1 0 0 0-1.017.338l-2.509 3.073c-2.894-1.443-4.796-3.735-5.991-6.174L8.65 9.76a1 1 0 0 0 .32-1.002l-1-4A1 1 0 0 0 7 4H3zm15 15.977c-1.63-.078-3.07-.343-4.343-.75l1.716-2.103l2.627.657v2.196zM6.88 8.643L4.922 10.32A17.47 17.47 0 0 1 4.037 6h2.182l.661 2.643z"/></g></svg>
</template>

CSS

.icon-phone-missed-call-line {
  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%22currentColor%22%3E%3Cpath%20d%3D%22M15.707%203.293a1%201%200%201%200-1.414%201.414L16.086%206.5l-1.793%201.793a1%201%200%200%200%201.414%201.414L17.5%207.914l1.793%201.793a1%201%200%200%200%201.414-1.414L18.914%206.5l1.793-1.793a1%201%200%200%200-1.414-1.414L17.5%205.086l-1.793-1.793zM3%204a1%201%200%200%200-1%201c0%202.023.424%204.734%201.583%207.399c1.4%203.22%203.895%206.42%208.022%208.194C13.672%2021.483%2016.121%2022%2019%2022a1%201%200%200%200%201-1v-4a1%201%200%200%200-.758-.97l-4-1a1%201%200%200%200-1.017.338l-2.509%203.073c-2.894-1.443-4.796-3.735-5.991-6.174L8.65%209.76a1%201%200%200%200%20.32-1.002l-1-4A1%201%200%200%200%207%204H3zm15%2015.977c-1.63-.078-3.07-.343-4.343-.75l1.716-2.103l2.627.657v2.196zM6.88%208.643L4.922%2010.32A17.47%2017.47%200%200%201%204.037%206h2.182l.661%202.643z%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%22currentColor%22%3E%3Cpath%20d%3D%22M15.707%203.293a1%201%200%201%200-1.414%201.414L16.086%206.5l-1.793%201.793a1%201%200%200%200%201.414%201.414L17.5%207.914l1.793%201.793a1%201%200%200%200%201.414-1.414L18.914%206.5l1.793-1.793a1%201%200%200%200-1.414-1.414L17.5%205.086l-1.793-1.793zM3%204a1%201%200%200%200-1%201c0%202.023.424%204.734%201.583%207.399c1.4%203.22%203.895%206.42%208.022%208.194C13.672%2021.483%2016.121%2022%2019%2022a1%201%200%200%200%201-1v-4a1%201%200%200%200-.758-.97l-4-1a1%201%200%200%200-1.017.338l-2.509%203.073c-2.894-1.443-4.796-3.735-5.991-6.174L8.65%209.76a1%201%200%200%200%20.32-1.002l-1-4A1%201%200%200%200%207%204H3zm15%2015.977c-1.63-.078-3.07-.343-4.343-.75l1.716-2.103l2.627.657v2.196zM6.88%208.643L4.922%2010.32A17.47%2017.47%200%200%201%204.037%206h2.182l.661%202.643z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/majesticons/phone-missed-call-line.svg?color=%231a73e8&size=48