call end icon

call-end-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.

Name: call-end-20-regular
Set: Fluent UI System Icons
Style: 20 Regular
Viewbox: 20×20
License: MIT

13 other variants in Fluent UI System Icons

call-end-12-filled call-end-12-regular call-end-16-filled call-end-16-regular call-end-20-filled call-end-24-filled call-end-24-regular call-end-28-filled call-end-28-regular call-end-32-filled call-end-32-regular call-end-48-filled call-end-48-regular

The same icon in other sets

call-endMaterial Symbols call-endMaterial Symbols Light

Related icons in Fluent UI System Icons

call-add-16-filled call-blocked-24-filled call-checkmark-20-filled call-chevron-down-16-filled call-connecting-20-filled call-dismiss-16-filled call-exclamation-20-filled call-forward-16-filled call-inbound-16-filled call-missed-12-filled call-outbound-16-filled call-park-16-filled call-pause-20-filled call-prohibited-16-filled call-rectangle-landscape-16-filled call-square-16-filled call-transfer-16-filled call-warning-16-filled

Use the call end icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M10 6c3.332-.004 5.586 1.276 7.154 2.66c.66.582.962 1.458.805 2.28l-.157.83c-.148.776-.875 1.298-1.698 1.218l-1.637-.158c-.714-.069-1.243-.59-1.467-1.33c-.304-1.005-.5-1.75-.5-1.75a6.2 6.2 0 0 0-2.5-.5c-1.014 0-1.738.215-2.5.5c0 0-.204.746-.5 1.75c-.198.671-.504 1.257-1.203 1.327l-1.628.164a1.735 1.735 0 0 1-1.822-1.21l-.248-.828a2.26 2.26 0 0 1 .577-2.28C4.101 7.287 6.673 6.003 10 6m3.475 3.527l.026.095l.098.358c.086.306.208.736.358 1.23c.137.451.39.604.606.625l1.637.158c.346.033.575-.177.62-.41l.157-.83a1.45 1.45 0 0 0-.485-1.344C15.067 8.152 13.04 6.996 10.002 7c-3.076.004-5.396 1.192-6.629 2.39a1.25 1.25 0 0 0-.316 1.277l.248.829c.091.306.42.534.764.5l1.628-.164c.039-.004.052-.012.054-.013a.2.2 0 0 0 .05-.05c.07-.088.153-.255.24-.551A116 116 0 0 0 6.5 9.615l.027-.097c.102-.367.458-.622.623-.705c.819-.306 1.67-.563 2.85-.563a7.2 7.2 0 0 1 2.88.575c.151.062.482.284.587.671l.002.007z"/></svg>

React

import type { SVGProps } from "react";

export function FluentCallEnd20Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M10 6c3.332-.004 5.586 1.276 7.154 2.66c.66.582.962 1.458.805 2.28l-.157.83c-.148.776-.875 1.298-1.698 1.218l-1.637-.158c-.714-.069-1.243-.59-1.467-1.33c-.304-1.005-.5-1.75-.5-1.75a6.2 6.2 0 0 0-2.5-.5c-1.014 0-1.738.215-2.5.5c0 0-.204.746-.5 1.75c-.198.671-.504 1.257-1.203 1.327l-1.628.164a1.735 1.735 0 0 1-1.822-1.21l-.248-.828a2.26 2.26 0 0 1 .577-2.28C4.101 7.287 6.673 6.003 10 6m3.475 3.527l.026.095l.098.358c.086.306.208.736.358 1.23c.137.451.39.604.606.625l1.637.158c.346.033.575-.177.62-.41l.157-.83a1.45 1.45 0 0 0-.485-1.344C15.067 8.152 13.04 6.996 10.002 7c-3.076.004-5.396 1.192-6.629 2.39a1.25 1.25 0 0 0-.316 1.277l.248.829c.091.306.42.534.764.5l1.628-.164c.039-.004.052-.012.054-.013a.2.2 0 0 0 .05-.05c.07-.088.153-.255.24-.551A116 116 0 0 0 6.5 9.615l.027-.097c.102-.367.458-.622.623-.705c.819-.306 1.67-.563 2.85-.563a7.2 7.2 0 0 1 2.88.575c.151.062.482.284.587.671l.002.007z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M10 6c3.332-.004 5.586 1.276 7.154 2.66c.66.582.962 1.458.805 2.28l-.157.83c-.148.776-.875 1.298-1.698 1.218l-1.637-.158c-.714-.069-1.243-.59-1.467-1.33c-.304-1.005-.5-1.75-.5-1.75a6.2 6.2 0 0 0-2.5-.5c-1.014 0-1.738.215-2.5.5c0 0-.204.746-.5 1.75c-.198.671-.504 1.257-1.203 1.327l-1.628.164a1.735 1.735 0 0 1-1.822-1.21l-.248-.828a2.26 2.26 0 0 1 .577-2.28C4.101 7.287 6.673 6.003 10 6m3.475 3.527l.026.095l.098.358c.086.306.208.736.358 1.23c.137.451.39.604.606.625l1.637.158c.346.033.575-.177.62-.41l.157-.83a1.45 1.45 0 0 0-.485-1.344C15.067 8.152 13.04 6.996 10.002 7c-3.076.004-5.396 1.192-6.629 2.39a1.25 1.25 0 0 0-.316 1.277l.248.829c.091.306.42.534.764.5l1.628-.164c.039-.004.052-.012.054-.013a.2.2 0 0 0 .05-.05c.07-.088.153-.255.24-.551A116 116 0 0 0 6.5 9.615l.027-.097c.102-.367.458-.622.623-.705c.819-.306 1.67-.563 2.85-.563a7.2 7.2 0 0 1 2.88.575c.151.062.482.284.587.671l.002.007z"/></svg>
</template>

CSS

.icon-call-end-20-regular {
  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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%206c3.332-.004%205.586%201.276%207.154%202.66c.66.582.962%201.458.805%202.28l-.157.83c-.148.776-.875%201.298-1.698%201.218l-1.637-.158c-.714-.069-1.243-.59-1.467-1.33c-.304-1.005-.5-1.75-.5-1.75a6.2%206.2%200%200%200-2.5-.5c-1.014%200-1.738.215-2.5.5c0%200-.204.746-.5%201.75c-.198.671-.504%201.257-1.203%201.327l-1.628.164a1.735%201.735%200%200%201-1.822-1.21l-.248-.828a2.26%202.26%200%200%201%20.577-2.28C4.101%207.287%206.673%206.003%2010%206m3.475%203.527l.026.095l.098.358c.086.306.208.736.358%201.23c.137.451.39.604.606.625l1.637.158c.346.033.575-.177.62-.41l.157-.83a1.45%201.45%200%200%200-.485-1.344C15.067%208.152%2013.04%206.996%2010.002%207c-3.076.004-5.396%201.192-6.629%202.39a1.25%201.25%200%200%200-.316%201.277l.248.829c.091.306.42.534.764.5l1.628-.164c.039-.004.052-.012.054-.013a.2.2%200%200%200%20.05-.05c.07-.088.153-.255.24-.551A116%20116%200%200%200%206.5%209.615l.027-.097c.102-.367.458-.622.623-.705c.819-.306%201.67-.563%202.85-.563a7.2%207.2%200%200%201%202.88.575c.151.062.482.284.587.671l.002.007z%22%2F%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%206c3.332-.004%205.586%201.276%207.154%202.66c.66.582.962%201.458.805%202.28l-.157.83c-.148.776-.875%201.298-1.698%201.218l-1.637-.158c-.714-.069-1.243-.59-1.467-1.33c-.304-1.005-.5-1.75-.5-1.75a6.2%206.2%200%200%200-2.5-.5c-1.014%200-1.738.215-2.5.5c0%200-.204.746-.5%201.75c-.198.671-.504%201.257-1.203%201.327l-1.628.164a1.735%201.735%200%200%201-1.822-1.21l-.248-.828a2.26%202.26%200%200%201%20.577-2.28C4.101%207.287%206.673%206.003%2010%206m3.475%203.527l.026.095l.098.358c.086.306.208.736.358%201.23c.137.451.39.604.606.625l1.637.158c.346.033.575-.177.62-.41l.157-.83a1.45%201.45%200%200%200-.485-1.344C15.067%208.152%2013.04%206.996%2010.002%207c-3.076.004-5.396%201.192-6.629%202.39a1.25%201.25%200%200%200-.316%201.277l.248.829c.091.306.42.534.764.5l1.628-.164c.039-.004.052-.012.054-.013a.2.2%200%200%200%20.05-.05c.07-.088.153-.255.24-.551A116%20116%200%200%200%206.5%209.615l.027-.097c.102-.367.458-.622.623-.705c.819-.306%201.67-.563%202.85-.563a7.2%207.2%200%200%201%202.88.575c.151.062.482.284.587.671l.002.007z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/call-end-20-regular.svg?color=%231a73e8&size=48