call outgoing icon

call-outgoing from Codicons by Microsoft Corporation · Regular · CC-BY-4.0 Attribution required.

Name
call-outgoing
Set
Codicons
Style
Regular
Viewbox
16×16
License
CC BY 4.0

Related icons in Codicons

call-incoming

Use the call outgoing icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M10 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 1 1-1 0V3.707L9.854 6.854a.5.5 0 1 1-.708-.707L12.293 3H10.5a.5.5 0 0 1-.5-.5m-5.626-.38a1.75 1.75 0 0 1 2.196.886l.584 1.228a1.5 1.5 0 0 1-.19 1.592l-.946 1.16q.02.106.059.256c.074.284.203.657.416 1.023a4.1 4.1 0 0 0 .877 1.04l1.506-.277a1.5 1.5 0 0 1 1.354.437l.809.844a1.75 1.75 0 0 1-.063 2.483l-.296.28c-1.126 1.063-2.88 1.29-4.134.247c-.94-.782-2.069-1.88-2.918-3.213c-.94-1.477-1.38-3.23-1.588-4.55c-.238-1.506.72-2.83 2.07-3.337zm2.862 7.717l-.289.408l-.002-.001l-.003-.002l-.009-.007a2 2 0 0 1-.128-.1A5.1 5.1 0 0 1 5.63 8.77a5.1 5.1 0 0 1-.635-1.857L4.992 6.9v-.005l.497-.052l-.497.05a.5.5 0 0 1 .11-.366l1.086-1.334a.5.5 0 0 0 .063-.53l-.584-1.229a.75.75 0 0 0-.941-.38l-.263.1c-.985.37-1.587 1.286-1.435 2.244c.198 1.261.609 2.86 1.443 4.17c.774 1.213 1.818 2.236 2.714 2.98c.803.668 1.988.57 2.809-.204l.296-.28A.75.75 0 0 0 10.317 11l-.81-.844a.5.5 0 0 0-.45-.146l-1.73.318a.5.5 0 0 1-.38-.084z"/></svg>

React

import type { SVGProps } from "react";

export function CodiconCallOutgoing(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M10 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 1 1-1 0V3.707L9.854 6.854a.5.5 0 1 1-.708-.707L12.293 3H10.5a.5.5 0 0 1-.5-.5m-5.626-.38a1.75 1.75 0 0 1 2.196.886l.584 1.228a1.5 1.5 0 0 1-.19 1.592l-.946 1.16q.02.106.059.256c.074.284.203.657.416 1.023a4.1 4.1 0 0 0 .877 1.04l1.506-.277a1.5 1.5 0 0 1 1.354.437l.809.844a1.75 1.75 0 0 1-.063 2.483l-.296.28c-1.126 1.063-2.88 1.29-4.134.247c-.94-.782-2.069-1.88-2.918-3.213c-.94-1.477-1.38-3.23-1.588-4.55c-.238-1.506.72-2.83 2.07-3.337zm2.862 7.717l-.289.408l-.002-.001l-.003-.002l-.009-.007a2 2 0 0 1-.128-.1A5.1 5.1 0 0 1 5.63 8.77a5.1 5.1 0 0 1-.635-1.857L4.992 6.9v-.005l.497-.052l-.497.05a.5.5 0 0 1 .11-.366l1.086-1.334a.5.5 0 0 0 .063-.53l-.584-1.229a.75.75 0 0 0-.941-.38l-.263.1c-.985.37-1.587 1.286-1.435 2.244c.198 1.261.609 2.86 1.443 4.17c.774 1.213 1.818 2.236 2.714 2.98c.803.668 1.988.57 2.809-.204l.296-.28A.75.75 0 0 0 10.317 11l-.81-.844a.5.5 0 0 0-.45-.146l-1.73.318a.5.5 0 0 1-.38-.084z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M10 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 1 1-1 0V3.707L9.854 6.854a.5.5 0 1 1-.708-.707L12.293 3H10.5a.5.5 0 0 1-.5-.5m-5.626-.38a1.75 1.75 0 0 1 2.196.886l.584 1.228a1.5 1.5 0 0 1-.19 1.592l-.946 1.16q.02.106.059.256c.074.284.203.657.416 1.023a4.1 4.1 0 0 0 .877 1.04l1.506-.277a1.5 1.5 0 0 1 1.354.437l.809.844a1.75 1.75 0 0 1-.063 2.483l-.296.28c-1.126 1.063-2.88 1.29-4.134.247c-.94-.782-2.069-1.88-2.918-3.213c-.94-1.477-1.38-3.23-1.588-4.55c-.238-1.506.72-2.83 2.07-3.337zm2.862 7.717l-.289.408l-.002-.001l-.003-.002l-.009-.007a2 2 0 0 1-.128-.1A5.1 5.1 0 0 1 5.63 8.77a5.1 5.1 0 0 1-.635-1.857L4.992 6.9v-.005l.497-.052l-.497.05a.5.5 0 0 1 .11-.366l1.086-1.334a.5.5 0 0 0 .063-.53l-.584-1.229a.75.75 0 0 0-.941-.38l-.263.1c-.985.37-1.587 1.286-1.435 2.244c.198 1.261.609 2.86 1.443 4.17c.774 1.213 1.818 2.236 2.714 2.98c.803.668 1.988.57 2.809-.204l.296-.28A.75.75 0 0 0 10.317 11l-.81-.844a.5.5 0 0 0-.45-.146l-1.73.318a.5.5 0 0 1-.38-.084z"/></svg>
</template>

CSS

.icon-call-outgoing {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%202.5a.5.5%200%200%201%20.5-.5h3a.5.5%200%200%201%20.5.5v3a.5.5%200%201%201-1%200V3.707L9.854%206.854a.5.5%200%201%201-.708-.707L12.293%203H10.5a.5.5%200%200%201-.5-.5m-5.626-.38a1.75%201.75%200%200%201%202.196.886l.584%201.228a1.5%201.5%200%200%201-.19%201.592l-.946%201.16q.02.106.059.256c.074.284.203.657.416%201.023a4.1%204.1%200%200%200%20.877%201.04l1.506-.277a1.5%201.5%200%200%201%201.354.437l.809.844a1.75%201.75%200%200%201-.063%202.483l-.296.28c-1.126%201.063-2.88%201.29-4.134.247c-.94-.782-2.069-1.88-2.918-3.213c-.94-1.477-1.38-3.23-1.588-4.55c-.238-1.506.72-2.83%202.07-3.337zm2.862%207.717l-.289.408l-.002-.001l-.003-.002l-.009-.007a2%202%200%200%201-.128-.1A5.1%205.1%200%200%201%205.63%208.77a5.1%205.1%200%200%201-.635-1.857L4.992%206.9v-.005l.497-.052l-.497.05a.5.5%200%200%201%20.11-.366l1.086-1.334a.5.5%200%200%200%20.063-.53l-.584-1.229a.75.75%200%200%200-.941-.38l-.263.1c-.985.37-1.587%201.286-1.435%202.244c.198%201.261.609%202.86%201.443%204.17c.774%201.213%201.818%202.236%202.714%202.98c.803.668%201.988.57%202.809-.204l.296-.28A.75.75%200%200%200%2010.317%2011l-.81-.844a.5.5%200%200%200-.45-.146l-1.73.318a.5.5%200%200%201-.38-.084z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%202.5a.5.5%200%200%201%20.5-.5h3a.5.5%200%200%201%20.5.5v3a.5.5%200%201%201-1%200V3.707L9.854%206.854a.5.5%200%201%201-.708-.707L12.293%203H10.5a.5.5%200%200%201-.5-.5m-5.626-.38a1.75%201.75%200%200%201%202.196.886l.584%201.228a1.5%201.5%200%200%201-.19%201.592l-.946%201.16q.02.106.059.256c.074.284.203.657.416%201.023a4.1%204.1%200%200%200%20.877%201.04l1.506-.277a1.5%201.5%200%200%201%201.354.437l.809.844a1.75%201.75%200%200%201-.063%202.483l-.296.28c-1.126%201.063-2.88%201.29-4.134.247c-.94-.782-2.069-1.88-2.918-3.213c-.94-1.477-1.38-3.23-1.588-4.55c-.238-1.506.72-2.83%202.07-3.337zm2.862%207.717l-.289.408l-.002-.001l-.003-.002l-.009-.007a2%202%200%200%201-.128-.1A5.1%205.1%200%200%201%205.63%208.77a5.1%205.1%200%200%201-.635-1.857L4.992%206.9v-.005l.497-.052l-.497.05a.5.5%200%200%201%20.11-.366l1.086-1.334a.5.5%200%200%200%20.063-.53l-.584-1.229a.75.75%200%200%200-.941-.38l-.263.1c-.985.37-1.587%201.286-1.435%202.244c.198%201.261.609%202.86%201.443%204.17c.774%201.213%201.818%202.236%202.714%202.98c.803.668%201.988.57%202.809-.204l.296-.28A.75.75%200%200%200%2010.317%2011l-.81-.844a.5.5%200%200%200-.45-.146l-1.73.318a.5.5%200%200%201-.38-.084z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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