gentleface

Gentleface › Communication › phone-missed-outgoing

phone-missed-outgoing icon

Phone missed outgoing: unanswered outgoing call, call not answered. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M10.854 5.854C10.754 5.953 10.636 6.003 10.5 6.003C10.364 6.003 10.246 5.953 10.146 5.854L6.146 1.854C6.049 1.756 6 1.638 6 1.5C6 1.362 6.049 1.244 6.146 1.146C6.244 1.049 6.362 1 6.5 1C6.638 1 6.756 1.049 6.854 1.146L10.5 4.793L13.293 2L12.5 2C12.359 2 12.241 1.952 12.144 1.856C12.048 1.759 12 1.641 12 1.5C12 1.359 12.048 1.241 12.144 1.144C12.241 1.048 12.359 1 12.5 1L14.5 1C14.641 1 14.759 1.048 14.856 1.144C14.952 1.241 15 1.359 15 1.5L15 3.5C15 3.641 14.952 3.759 14.856 3.856C14.759 3.952 14.641 4 14.5 4C14.359 4 14.241 3.952 14.144 3.856C14.048 3.759 14 3.641 14 3.5L14 2.707L10.854 5.854ZM5.707 6.707C5.518 6.896 5.292 6.993 5.027 7C5.071 7.395 5.167 7.781 5.316 8.156C5.545 8.734 5.879 9.243 6.318 9.682C6.757 10.121 7.266 10.455 7.844 10.684C8.219 10.833 8.605 10.929 9 10.973C9.007 10.708 9.104 10.482 9.293 10.293C9.488 10.098 9.724 10 10 10L10.5 10C10.691 10 10.875 10.035 11.052 10.105C11.245 10.182 11.414 10.293 11.561 10.439C11.707 10.586 11.818 10.755 11.895 10.948C11.965 11.125 12 11.309 12 11.5L12 14.5C12 14.641 11.952 14.759 11.856 14.856C11.759 14.952 11.641 15 11.5 15C10.165 15 8.876 14.754 7.635 14.263C6.287 13.729 5.101 12.95 4.075 11.925C3.05 10.899 2.271 9.713 1.737 8.365C1.246 7.124 1 5.835 1 4.5C1 4.359 1.048 4.241 1.144 4.144C1.241 4.048 1.359 4 1.5 4L4.5 4C4.691 4 4.875 4.035 5.052 4.105C5.245 4.182 5.414 4.293 5.561 4.439C5.707 4.586 5.818 4.755 5.895 4.948C5.965 5.125 6 5.309 6 5.5L6 6C6 6.276 5.902 6.512 5.707 6.707ZM10.854 11.146C10.756 11.049 10.638 11 10.5 11L10 11L10 11.5C10 11.641 9.952 11.759 9.856 11.856C9.759 11.952 9.641 12 9.5 12C8.801 12 8.126 11.871 7.475 11.614C6.769 11.334 6.148 10.926 5.611 10.389C5.074 9.852 4.666 9.231 4.386 8.525C4.129 7.874 4 7.199 4 6.5C4 6.359 4.048 6.241 4.144 6.144C4.241 6.048 4.359 6 4.5 6L5 6L5 5.5C5 5.362 4.951 5.244 4.854 5.146C4.756 5.049 4.638 5 4.5 5L2.013 5C2.066 6.03 2.284 7.029 2.667 7.997C3.15 9.216 3.855 10.29 4.782 11.218C5.71 12.145 6.784 12.85 8.003 13.333C8.971 13.716 9.97 13.934 11 13.987L11 11.5C11 11.362 10.951 11.244 10.854 11.146Z"/></svg>
React
// Gentleface "phone-missed-outgoing" (line-round), MIT. https://gentleface.com/icons/phone-missed-outgoing
import type { SVGProps } from 'react';

export function PhoneMissedOutgoingIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M10.854 5.854C10.754 5.953 10.636 6.003 10.5 6.003C10.364 6.003 10.246 5.953 10.146 5.854L6.146 1.854C6.049 1.756 6 1.638 6 1.5C6 1.362 6.049 1.244 6.146 1.146C6.244 1.049 6.362 1 6.5 1C6.638 1 6.756 1.049 6.854 1.146L10.5 4.793L13.293 2L12.5 2C12.359 2 12.241 1.952 12.144 1.856C12.048 1.759 12 1.641 12 1.5C12 1.359 12.048 1.241 12.144 1.144C12.241 1.048 12.359 1 12.5 1L14.5 1C14.641 1 14.759 1.048 14.856 1.144C14.952 1.241 15 1.359 15 1.5L15 3.5C15 3.641 14.952 3.759 14.856 3.856C14.759 3.952 14.641 4 14.5 4C14.359 4 14.241 3.952 14.144 3.856C14.048 3.759 14 3.641 14 3.5L14 2.707L10.854 5.854ZM5.707 6.707C5.518 6.896 5.292 6.993 5.027 7C5.071 7.395 5.167 7.781 5.316 8.156C5.545 8.734 5.879 9.243 6.318 9.682C6.757 10.121 7.266 10.455 7.844 10.684C8.219 10.833 8.605 10.929 9 10.973C9.007 10.708 9.104 10.482 9.293 10.293C9.488 10.098 9.724 10 10 10L10.5 10C10.691 10 10.875 10.035 11.052 10.105C11.245 10.182 11.414 10.293 11.561 10.439C11.707 10.586 11.818 10.755 11.895 10.948C11.965 11.125 12 11.309 12 11.5L12 14.5C12 14.641 11.952 14.759 11.856 14.856C11.759 14.952 11.641 15 11.5 15C10.165 15 8.876 14.754 7.635 14.263C6.287 13.729 5.101 12.95 4.075 11.925C3.05 10.899 2.271 9.713 1.737 8.365C1.246 7.124 1 5.835 1 4.5C1 4.359 1.048 4.241 1.144 4.144C1.241 4.048 1.359 4 1.5 4L4.5 4C4.691 4 4.875 4.035 5.052 4.105C5.245 4.182 5.414 4.293 5.561 4.439C5.707 4.586 5.818 4.755 5.895 4.948C5.965 5.125 6 5.309 6 5.5L6 6C6 6.276 5.902 6.512 5.707 6.707ZM10.854 11.146C10.756 11.049 10.638 11 10.5 11L10 11L10 11.5C10 11.641 9.952 11.759 9.856 11.856C9.759 11.952 9.641 12 9.5 12C8.801 12 8.126 11.871 7.475 11.614C6.769 11.334 6.148 10.926 5.611 10.389C5.074 9.852 4.666 9.231 4.386 8.525C4.129 7.874 4 7.199 4 6.5C4 6.359 4.048 6.241 4.144 6.144C4.241 6.048 4.359 6 4.5 6L5 6L5 5.5C5 5.362 4.951 5.244 4.854 5.146C4.756 5.049 4.638 5 4.5 5L2.013 5C2.066 6.03 2.284 7.029 2.667 7.997C3.15 9.216 3.855 10.29 4.782 11.218C5.71 12.145 6.784 12.85 8.003 13.333C8.971 13.716 9.97 13.934 11 13.987L11 11.5C11 11.362 10.951 11.244 10.854 11.146Z" />
    </svg>
  );
}
Vue
Vue: see /icons/phone-missed-outgoing.md
Svelte
Svelte: see /icons/phone-missed-outgoing.md
HTML img
HTML img: see /icons/phone-missed-outgoing.md
CSS
CSS: see /icons/phone-missed-outgoing.md
Data URL
Data URL: see /icons/phone-missed-outgoing.md
Sprite
Sprite: see /icons/phone-missed-outgoing.md
SwiftUI
SwiftUI: see /icons/phone-missed-outgoing.md
Compose
Compose: see /icons/phone-missed-outgoing.md
Android XML
Android XML: see /icons/phone-missed-outgoing.md
Flutter
Flutter: see /icons/phone-missed-outgoing.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for
unanswered outgoing call, call not answered
Tags
handset, call, missed, outgoing, unanswered, no-answer, telephone, call-log
Category
Communication
Component name
PhoneMissedOutgoingIcon
History
  • 20 px drawn, 24 px drawn, added

Family 26

More communication icons

For agents

Metadata: /icons/phone-missed-outgoing.json · Markdown: /icons/phone-missed-outgoing.md · SVG: https://gentleface.com/svg/{style}/16/phone-missed-outgoing.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/phone-missed-outgoing.png