phone call icon
phone-call-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- phone-call-fill
- Set
- Mage Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Mage Icons
The same icon in other sets
phone-callBoxIcons v2phone-callBoxIcons v2 Solidphone-call-fillEva Iconsphone-callFeather Iconsphone-callHuge Iconsphone-callHumbleiconsphone-callIconParkphone-callIconPark Outlinephone-callIconPark Solidphone-callIconPark TwoTonephone-callMaterial Line Iconsphone-callLucidephone-call-fillMingCute Iconphone-callPhosphorphone-callPixelarticonsphone-callTabler Icons
Related icons in Mage Icons
Use the phone call icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.33 19.035a2.57 2.57 0 0 1-.884 1.432a5.25 5.25 0 0 1-3.738 1.564h-.325a11 11 0 0 1-4.205-1.087h-.01c-.305-.142-.62-.284-.925-.457a19 19 0 0 1-4.185-3.18a18.2 18.2 0 0 1-3.9-5.292A11.7 11.7 0 0 1 2.14 8.572a6.4 6.4 0 0 1 .407-3.708a6.8 6.8 0 0 1 1.148-1.432A2.2 2.2 0 0 1 5.29 2.69a2.5 2.5 0 0 1 1.687.935c.457.497 1.015 1.015 1.473 1.493l.63.62c.37.328.599.786.64 1.28c0 .453-.167.89-.468 1.229a9 9 0 0 1-.62.68l-.203.213c-.118.11-.208.246-.264.397q-.075.223-.06.457c.161.431.414.823.74 1.148c.509.69 1.017 1.29 1.535 1.94a12.9 12.9 0 0 0 3.29 2.733c.127.093.273.155.428.182c.134.01.27-.01.396-.06c.355-.209.67-.477.934-.793a2.17 2.17 0 0 1 1.422-.782a2.03 2.03 0 0 1 1.423.61c.203.172.426.406.64.63l.304.314l.315.305l.539.548q.482.428.904.915c.282.39.409.872.355 1.35m-3.646-6.958a.77.77 0 0 1-.762-.762a4.37 4.37 0 0 0-4.378-4.378a.762.762 0 0 1 0-1.524a5.893 5.893 0 0 1 5.902 5.902a.76.76 0 0 1-.762.762"/><path fill="currentColor" d="M21.209 11.72a.77.77 0 0 1-.762-.761a7.455 7.455 0 0 0-7.456-7.467a.762.762 0 1 1 0-1.523a8.98 8.98 0 0 1 8.98 8.99a.76.76 0 0 1-.762.762"/></svg>
React
import type { SVGProps } from "react";
export function MagePhoneCallFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.33 19.035a2.57 2.57 0 0 1-.884 1.432a5.25 5.25 0 0 1-3.738 1.564h-.325a11 11 0 0 1-4.205-1.087h-.01c-.305-.142-.62-.284-.925-.457a19 19 0 0 1-4.185-3.18a18.2 18.2 0 0 1-3.9-5.292A11.7 11.7 0 0 1 2.14 8.572a6.4 6.4 0 0 1 .407-3.708a6.8 6.8 0 0 1 1.148-1.432A2.2 2.2 0 0 1 5.29 2.69a2.5 2.5 0 0 1 1.687.935c.457.497 1.015 1.015 1.473 1.493l.63.62c.37.328.599.786.64 1.28c0 .453-.167.89-.468 1.229a9 9 0 0 1-.62.68l-.203.213c-.118.11-.208.246-.264.397q-.075.223-.06.457c.161.431.414.823.74 1.148c.509.69 1.017 1.29 1.535 1.94a12.9 12.9 0 0 0 3.29 2.733c.127.093.273.155.428.182c.134.01.27-.01.396-.06c.355-.209.67-.477.934-.793a2.17 2.17 0 0 1 1.422-.782a2.03 2.03 0 0 1 1.423.61c.203.172.426.406.64.63l.304.314l.315.305l.539.548q.482.428.904.915c.282.39.409.872.355 1.35m-3.646-6.958a.77.77 0 0 1-.762-.762a4.37 4.37 0 0 0-4.378-4.378a.762.762 0 0 1 0-1.524a5.893 5.893 0 0 1 5.902 5.902a.76.76 0 0 1-.762.762"/><path fill="currentColor" d="M21.209 11.72a.77.77 0 0 1-.762-.761a7.455 7.455 0 0 0-7.456-7.467a.762.762 0 1 1 0-1.523a8.98 8.98 0 0 1 8.98 8.99a.76.76 0 0 1-.762.762"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.33 19.035a2.57 2.57 0 0 1-.884 1.432a5.25 5.25 0 0 1-3.738 1.564h-.325a11 11 0 0 1-4.205-1.087h-.01c-.305-.142-.62-.284-.925-.457a19 19 0 0 1-4.185-3.18a18.2 18.2 0 0 1-3.9-5.292A11.7 11.7 0 0 1 2.14 8.572a6.4 6.4 0 0 1 .407-3.708a6.8 6.8 0 0 1 1.148-1.432A2.2 2.2 0 0 1 5.29 2.69a2.5 2.5 0 0 1 1.687.935c.457.497 1.015 1.015 1.473 1.493l.63.62c.37.328.599.786.64 1.28c0 .453-.167.89-.468 1.229a9 9 0 0 1-.62.68l-.203.213c-.118.11-.208.246-.264.397q-.075.223-.06.457c.161.431.414.823.74 1.148c.509.69 1.017 1.29 1.535 1.94a12.9 12.9 0 0 0 3.29 2.733c.127.093.273.155.428.182c.134.01.27-.01.396-.06c.355-.209.67-.477.934-.793a2.17 2.17 0 0 1 1.422-.782a2.03 2.03 0 0 1 1.423.61c.203.172.426.406.64.63l.304.314l.315.305l.539.548q.482.428.904.915c.282.39.409.872.355 1.35m-3.646-6.958a.77.77 0 0 1-.762-.762a4.37 4.37 0 0 0-4.378-4.378a.762.762 0 0 1 0-1.524a5.893 5.893 0 0 1 5.902 5.902a.76.76 0 0 1-.762.762"/><path fill="currentColor" d="M21.209 11.72a.77.77 0 0 1-.762-.761a7.455 7.455 0 0 0-7.456-7.467a.762.762 0 1 1 0-1.523a8.98 8.98 0 0 1 8.98 8.99a.76.76 0 0 1-.762.762"/></svg> </template>
CSS
.icon-phone-call-fill {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.33%2019.035a2.57%202.57%200%200%201-.884%201.432a5.25%205.25%200%200%201-3.738%201.564h-.325a11%2011%200%200%201-4.205-1.087h-.01c-.305-.142-.62-.284-.925-.457a19%2019%200%200%201-4.185-3.18a18.2%2018.2%200%200%201-3.9-5.292A11.7%2011.7%200%200%201%202.14%208.572a6.4%206.4%200%200%201%20.407-3.708a6.8%206.8%200%200%201%201.148-1.432A2.2%202.2%200%200%201%205.29%202.69a2.5%202.5%200%200%201%201.687.935c.457.497%201.015%201.015%201.473%201.493l.63.62c.37.328.599.786.64%201.28c0%20.453-.167.89-.468%201.229a9%209%200%200%201-.62.68l-.203.213c-.118.11-.208.246-.264.397q-.075.223-.06.457c.161.431.414.823.74%201.148c.509.69%201.017%201.29%201.535%201.94a12.9%2012.9%200%200%200%203.29%202.733c.127.093.273.155.428.182c.134.01.27-.01.396-.06c.355-.209.67-.477.934-.793a2.17%202.17%200%200%201%201.422-.782a2.03%202.03%200%200%201%201.423.61c.203.172.426.406.64.63l.304.314l.315.305l.539.548q.482.428.904.915c.282.39.409.872.355%201.35m-3.646-6.958a.77.77%200%200%201-.762-.762a4.37%204.37%200%200%200-4.378-4.378a.762.762%200%200%201%200-1.524a5.893%205.893%200%200%201%205.902%205.902a.76.76%200%200%201-.762.762%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.209%2011.72a.77.77%200%200%201-.762-.761a7.455%207.455%200%200%200-7.456-7.467a.762.762%200%201%201%200-1.523a8.98%208.98%200%200%201%208.98%208.99a.76.76%200%200%201-.762.762%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.33%2019.035a2.57%202.57%200%200%201-.884%201.432a5.25%205.25%200%200%201-3.738%201.564h-.325a11%2011%200%200%201-4.205-1.087h-.01c-.305-.142-.62-.284-.925-.457a19%2019%200%200%201-4.185-3.18a18.2%2018.2%200%200%201-3.9-5.292A11.7%2011.7%200%200%201%202.14%208.572a6.4%206.4%200%200%201%20.407-3.708a6.8%206.8%200%200%201%201.148-1.432A2.2%202.2%200%200%201%205.29%202.69a2.5%202.5%200%200%201%201.687.935c.457.497%201.015%201.015%201.473%201.493l.63.62c.37.328.599.786.64%201.28c0%20.453-.167.89-.468%201.229a9%209%200%200%201-.62.68l-.203.213c-.118.11-.208.246-.264.397q-.075.223-.06.457c.161.431.414.823.74%201.148c.509.69%201.017%201.29%201.535%201.94a12.9%2012.9%200%200%200%203.29%202.733c.127.093.273.155.428.182c.134.01.27-.01.396-.06c.355-.209.67-.477.934-.793a2.17%202.17%200%200%201%201.422-.782a2.03%202.03%200%200%201%201.423.61c.203.172.426.406.64.63l.304.314l.315.305l.539.548q.482.428.904.915c.282.39.409.872.355%201.35m-3.646-6.958a.77.77%200%200%201-.762-.762a4.37%204.37%200%200%200-4.378-4.378a.762.762%200%200%201%200-1.524a5.893%205.893%200%200%201%205.902%205.902a.76.76%200%200%201-.762.762%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.209%2011.72a.77.77%200%200%201-.762-.761a7.455%207.455%200%200%200-7.456-7.467a.762.762%200%201%201%200-1.523a8.98%208.98%200%200%201%208.98%208.99a.76.76%200%200%201-.762.762%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/phone-call-fill.svg?color=%231a73e8&size=48
