call icon

call-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.

Name: call-outline
Set: IonIcons
Style: Outline
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

call-12-filledFluent UI System Icons callHuge Icons callMaterial Symbols callMaterial Symbols Light callTDesign Icons

Use the call icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M451 374c-15.88-16-54.34-39.35-73-48.76c-24.3-12.24-26.3-13.24-45.4.95c-12.74 9.47-21.21 17.93-36.12 14.75s-47.31-21.11-75.68-49.39s-47.34-61.62-50.53-76.48s5.41-23.23 14.79-36c13.22-18 12.22-21 .92-45.3c-8.81-18.9-32.84-57-48.9-72.8C119.9 44 119.9 47 108.83 51.6A160 160 0 0 0 83 65.37C67 76 58.12 84.83 51.91 98.1s-9 44.38 23.07 102.64s54.57 88.05 101.14 134.49S258.5 406.64 310.85 436c64.76 36.27 89.6 29.2 102.91 23s22.18-15 32.83-31a159 159 0 0 0 13.8-25.8C465 391.17 468 391.17 451 374Z"/></svg>

React

import type { SVGProps } from "react";

export function IonCallOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" d="M451 374c-15.88-16-54.34-39.35-73-48.76c-24.3-12.24-26.3-13.24-45.4.95c-12.74 9.47-21.21 17.93-36.12 14.75s-47.31-21.11-75.68-49.39s-47.34-61.62-50.53-76.48s5.41-23.23 14.79-36c13.22-18 12.22-21 .92-45.3c-8.81-18.9-32.84-57-48.9-72.8C119.9 44 119.9 47 108.83 51.6A160 160 0 0 0 83 65.37C67 76 58.12 84.83 51.91 98.1s-9 44.38 23.07 102.64s54.57 88.05 101.14 134.49S258.5 406.64 310.85 436c64.76 36.27 89.6 29.2 102.91 23s22.18-15 32.83-31a159 159 0 0 0 13.8-25.8C465 391.17 468 391.17 451 374Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M451 374c-15.88-16-54.34-39.35-73-48.76c-24.3-12.24-26.3-13.24-45.4.95c-12.74 9.47-21.21 17.93-36.12 14.75s-47.31-21.11-75.68-49.39s-47.34-61.62-50.53-76.48s5.41-23.23 14.79-36c13.22-18 12.22-21 .92-45.3c-8.81-18.9-32.84-57-48.9-72.8C119.9 44 119.9 47 108.83 51.6A160 160 0 0 0 83 65.37C67 76 58.12 84.83 51.91 98.1s-9 44.38 23.07 102.64s54.57 88.05 101.14 134.49S258.5 406.64 310.85 436c64.76 36.27 89.6 29.2 102.91 23s22.18-15 32.83-31a159 159 0 0 0 13.8-25.8C465 391.17 468 391.17 451 374Z"/></svg>
</template>

CSS

.icon-call-outline {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%2232%22%20d%3D%22M451%20374c-15.88-16-54.34-39.35-73-48.76c-24.3-12.24-26.3-13.24-45.4.95c-12.74%209.47-21.21%2017.93-36.12%2014.75s-47.31-21.11-75.68-49.39s-47.34-61.62-50.53-76.48s5.41-23.23%2014.79-36c13.22-18%2012.22-21%20.92-45.3c-8.81-18.9-32.84-57-48.9-72.8C119.9%2044%20119.9%2047%20108.83%2051.6A160%20160%200%200%200%2083%2065.37C67%2076%2058.12%2084.83%2051.91%2098.1s-9%2044.38%2023.07%20102.64s54.57%2088.05%20101.14%20134.49S258.5%20406.64%20310.85%20436c64.76%2036.27%2089.6%2029.2%20102.91%2023s22.18-15%2032.83-31a159%20159%200%200%200%2013.8-25.8C465%20391.17%20468%20391.17%20451%20374Z%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%20512%20512%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%2232%22%20d%3D%22M451%20374c-15.88-16-54.34-39.35-73-48.76c-24.3-12.24-26.3-13.24-45.4.95c-12.74%209.47-21.21%2017.93-36.12%2014.75s-47.31-21.11-75.68-49.39s-47.34-61.62-50.53-76.48s5.41-23.23%2014.79-36c13.22-18%2012.22-21%20.92-45.3c-8.81-18.9-32.84-57-48.9-72.8C119.9%2044%20119.9%2047%20108.83%2051.6A160%20160%200%200%200%2083%2065.37C67%2076%2058.12%2084.83%2051.91%2098.1s-9%2044.38%2023.07%20102.64s54.57%2088.05%20101.14%20134.49S258.5%20406.64%20310.85%20436c64.76%2036.27%2089.6%2029.2%20102.91%2023s22.18-15%2032.83-31a159%20159%200%200%200%2013.8-25.8C465%20391.17%20468%20391.17%20451%20374Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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