call icon
call from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- call
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
Use the call icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M391 480c-19.52 0-46.94-7.06-88-30c-49.93-28-88.55-53.85-138.21-103.38C116.91 298.77 93.61 267.79 61 208.45c-36.84-67-30.56-102.12-23.54-117.13C45.82 73.38 58.16 62.65 74.11 52a176.3 176.3 0 0 1 28.64-15.2c1-.43 1.93-.84 2.76-1.21c4.95-2.23 12.45-5.6 21.95-2c6.34 2.38 12 7.25 20.86 16c18.17 17.92 43 57.83 52.16 77.43c6.15 13.21 10.22 21.93 10.23 31.71c0 11.45-5.76 20.28-12.75 29.81c-1.31 1.79-2.61 3.5-3.87 5.16c-7.61 10-9.28 12.89-8.18 18.05c2.23 10.37 18.86 41.24 46.19 68.51s57.31 42.85 67.72 45.07c5.38 1.15 8.33-.59 18.65-8.47c1.48-1.13 3-2.3 4.59-3.47c10.66-7.93 19.08-13.54 30.26-13.54h.06c9.73 0 18.06 4.22 31.86 11.18c18 9.08 59.11 33.59 77.14 51.78c8.77 8.84 13.66 14.48 16.05 20.81c3.6 9.53.21 17-2 22c-.37.83-.78 1.74-1.21 2.75a176.5 176.5 0 0 1-15.29 28.58c-10.63 15.9-21.4 28.21-39.38 36.58A67.4 67.4 0 0 1 391 480"/></svg>
React
import type { SVGProps } from "react";
export function IonCall(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M391 480c-19.52 0-46.94-7.06-88-30c-49.93-28-88.55-53.85-138.21-103.38C116.91 298.77 93.61 267.79 61 208.45c-36.84-67-30.56-102.12-23.54-117.13C45.82 73.38 58.16 62.65 74.11 52a176.3 176.3 0 0 1 28.64-15.2c1-.43 1.93-.84 2.76-1.21c4.95-2.23 12.45-5.6 21.95-2c6.34 2.38 12 7.25 20.86 16c18.17 17.92 43 57.83 52.16 77.43c6.15 13.21 10.22 21.93 10.23 31.71c0 11.45-5.76 20.28-12.75 29.81c-1.31 1.79-2.61 3.5-3.87 5.16c-7.61 10-9.28 12.89-8.18 18.05c2.23 10.37 18.86 41.24 46.19 68.51s57.31 42.85 67.72 45.07c5.38 1.15 8.33-.59 18.65-8.47c1.48-1.13 3-2.3 4.59-3.47c10.66-7.93 19.08-13.54 30.26-13.54h.06c9.73 0 18.06 4.22 31.86 11.18c18 9.08 59.11 33.59 77.14 51.78c8.77 8.84 13.66 14.48 16.05 20.81c3.6 9.53.21 17-2 22c-.37.83-.78 1.74-1.21 2.75a176.5 176.5 0 0 1-15.29 28.58c-10.63 15.9-21.4 28.21-39.38 36.58A67.4 67.4 0 0 1 391 480"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M391 480c-19.52 0-46.94-7.06-88-30c-49.93-28-88.55-53.85-138.21-103.38C116.91 298.77 93.61 267.79 61 208.45c-36.84-67-30.56-102.12-23.54-117.13C45.82 73.38 58.16 62.65 74.11 52a176.3 176.3 0 0 1 28.64-15.2c1-.43 1.93-.84 2.76-1.21c4.95-2.23 12.45-5.6 21.95-2c6.34 2.38 12 7.25 20.86 16c18.17 17.92 43 57.83 52.16 77.43c6.15 13.21 10.22 21.93 10.23 31.71c0 11.45-5.76 20.28-12.75 29.81c-1.31 1.79-2.61 3.5-3.87 5.16c-7.61 10-9.28 12.89-8.18 18.05c2.23 10.37 18.86 41.24 46.19 68.51s57.31 42.85 67.72 45.07c5.38 1.15 8.33-.59 18.65-8.47c1.48-1.13 3-2.3 4.59-3.47c10.66-7.93 19.08-13.54 30.26-13.54h.06c9.73 0 18.06 4.22 31.86 11.18c18 9.08 59.11 33.59 77.14 51.78c8.77 8.84 13.66 14.48 16.05 20.81c3.6 9.53.21 17-2 22c-.37.83-.78 1.74-1.21 2.75a176.5 176.5 0 0 1-15.29 28.58c-10.63 15.9-21.4 28.21-39.38 36.58A67.4 67.4 0 0 1 391 480"/></svg> </template>
CSS
.icon-call {
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%22currentColor%22%20d%3D%22M391%20480c-19.52%200-46.94-7.06-88-30c-49.93-28-88.55-53.85-138.21-103.38C116.91%20298.77%2093.61%20267.79%2061%20208.45c-36.84-67-30.56-102.12-23.54-117.13C45.82%2073.38%2058.16%2062.65%2074.11%2052a176.3%20176.3%200%200%201%2028.64-15.2c1-.43%201.93-.84%202.76-1.21c4.95-2.23%2012.45-5.6%2021.95-2c6.34%202.38%2012%207.25%2020.86%2016c18.17%2017.92%2043%2057.83%2052.16%2077.43c6.15%2013.21%2010.22%2021.93%2010.23%2031.71c0%2011.45-5.76%2020.28-12.75%2029.81c-1.31%201.79-2.61%203.5-3.87%205.16c-7.61%2010-9.28%2012.89-8.18%2018.05c2.23%2010.37%2018.86%2041.24%2046.19%2068.51s57.31%2042.85%2067.72%2045.07c5.38%201.15%208.33-.59%2018.65-8.47c1.48-1.13%203-2.3%204.59-3.47c10.66-7.93%2019.08-13.54%2030.26-13.54h.06c9.73%200%2018.06%204.22%2031.86%2011.18c18%209.08%2059.11%2033.59%2077.14%2051.78c8.77%208.84%2013.66%2014.48%2016.05%2020.81c3.6%209.53.21%2017-2%2022c-.37.83-.78%201.74-1.21%202.75a176.5%20176.5%200%200%201-15.29%2028.58c-10.63%2015.9-21.4%2028.21-39.38%2036.58A67.4%2067.4%200%200%201%20391%20480%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%22currentColor%22%20d%3D%22M391%20480c-19.52%200-46.94-7.06-88-30c-49.93-28-88.55-53.85-138.21-103.38C116.91%20298.77%2093.61%20267.79%2061%20208.45c-36.84-67-30.56-102.12-23.54-117.13C45.82%2073.38%2058.16%2062.65%2074.11%2052a176.3%20176.3%200%200%201%2028.64-15.2c1-.43%201.93-.84%202.76-1.21c4.95-2.23%2012.45-5.6%2021.95-2c6.34%202.38%2012%207.25%2020.86%2016c18.17%2017.92%2043%2057.83%2052.16%2077.43c6.15%2013.21%2010.22%2021.93%2010.23%2031.71c0%2011.45-5.76%2020.28-12.75%2029.81c-1.31%201.79-2.61%203.5-3.87%205.16c-7.61%2010-9.28%2012.89-8.18%2018.05c2.23%2010.37%2018.86%2041.24%2046.19%2068.51s57.31%2042.85%2067.72%2045.07c5.38%201.15%208.33-.59%2018.65-8.47c1.48-1.13%203-2.3%204.59-3.47c10.66-7.93%2019.08-13.54%2030.26-13.54h.06c9.73%200%2018.06%204.22%2031.86%2011.18c18%209.08%2059.11%2033.59%2077.14%2051.78c8.77%208.84%2013.66%2014.48%2016.05%2020.81c3.6%209.53.21%2017-2%2022c-.37.83-.78%201.74-1.21%202.75a176.5%20176.5%200%200%201-15.29%2028.58c-10.63%2015.9-21.4%2028.21-39.38%2036.58A67.4%2067.4%200%200%201%20391%20480%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/call.svg?color=%231a73e8&size=48
