call icon
call-32-regular from Fluent UI System Icons by Microsoft Corporation · 32 Regular · MIT Free for personal and commercial use.
- Name
- call-32-regular
- Set
- Fluent UI System Icons
- Style
- 32 Regular
- Viewbox
- 32×32
- License
- MIT
13 other variants in Fluent UI System Icons
The same icon in other sets
Related icons in Fluent UI System Icons
call-add-16-filledcall-blocked-24-filledcall-checkmark-20-filledcall-chevron-down-16-filledcall-connecting-20-filledcall-dismiss-16-filledcall-end-12-filledcall-exclamation-20-filledcall-forward-16-filledcall-inbound-16-filledcall-missed-12-filledcall-outbound-16-filledcall-park-16-filledcall-pause-20-filledcall-prohibited-16-filledcall-rectangle-landscape-16-filledcall-square-16-filledcall-transfer-16-filledcall-warning-16-filled
Use the call icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M7.427 10.516C7.046 8.002 8.82 5.74 11.53 4.91a1.976 1.976 0 0 1 2.429 1.197l.869 2.32a2 2 0 0 1-.521 2.175l-2.585 2.371a1 1 0 0 0-.304.94l.023.104l.064.261c.057.22.143.53.264.9c.24.735.623 1.723 1.193 2.71s1.234 1.813 1.75 2.388a15 15 0 0 0 .842.864l.08.074a1 1 0 0 0 .964.205l3.346-1.053a2 2 0 0 1 2.144.637l1.583 1.922c.66.8.582 1.976-.177 2.683c-2.074 1.933-4.926 2.33-6.91.734a25.5 25.5 0 0 1-6.048-7.057a24.9 24.9 0 0 1-3.109-8.77m6.086 3.529l2.146-1.968a4 4 0 0 0 1.042-4.35l-.87-2.32a3.976 3.976 0 0 0-4.886-2.408C7.58 4.029 4.878 7.046 5.45 10.815a26.9 26.9 0 0 0 3.357 9.477a27.5 27.5 0 0 0 6.523 7.61c2.975 2.39 6.949 1.575 9.528-.83a3.96 3.96 0 0 0 .357-5.417l-1.583-1.922a4 4 0 0 0-4.289-1.274l-2.777.874a13 13 0 0 1-.365-.391a12.5 12.5 0 0 1-1.507-2.053a12.5 12.5 0 0 1-1.025-2.332a13 13 0 0 1-.156-.512"/></svg>
React
import type { SVGProps } from "react";
export function FluentCall32Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M7.427 10.516C7.046 8.002 8.82 5.74 11.53 4.91a1.976 1.976 0 0 1 2.429 1.197l.869 2.32a2 2 0 0 1-.521 2.175l-2.585 2.371a1 1 0 0 0-.304.94l.023.104l.064.261c.057.22.143.53.264.9c.24.735.623 1.723 1.193 2.71s1.234 1.813 1.75 2.388a15 15 0 0 0 .842.864l.08.074a1 1 0 0 0 .964.205l3.346-1.053a2 2 0 0 1 2.144.637l1.583 1.922c.66.8.582 1.976-.177 2.683c-2.074 1.933-4.926 2.33-6.91.734a25.5 25.5 0 0 1-6.048-7.057a24.9 24.9 0 0 1-3.109-8.77m6.086 3.529l2.146-1.968a4 4 0 0 0 1.042-4.35l-.87-2.32a3.976 3.976 0 0 0-4.886-2.408C7.58 4.029 4.878 7.046 5.45 10.815a26.9 26.9 0 0 0 3.357 9.477a27.5 27.5 0 0 0 6.523 7.61c2.975 2.39 6.949 1.575 9.528-.83a3.96 3.96 0 0 0 .357-5.417l-1.583-1.922a4 4 0 0 0-4.289-1.274l-2.777.874a13 13 0 0 1-.365-.391a12.5 12.5 0 0 1-1.507-2.053a12.5 12.5 0 0 1-1.025-2.332a13 13 0 0 1-.156-.512"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M7.427 10.516C7.046 8.002 8.82 5.74 11.53 4.91a1.976 1.976 0 0 1 2.429 1.197l.869 2.32a2 2 0 0 1-.521 2.175l-2.585 2.371a1 1 0 0 0-.304.94l.023.104l.064.261c.057.22.143.53.264.9c.24.735.623 1.723 1.193 2.71s1.234 1.813 1.75 2.388a15 15 0 0 0 .842.864l.08.074a1 1 0 0 0 .964.205l3.346-1.053a2 2 0 0 1 2.144.637l1.583 1.922c.66.8.582 1.976-.177 2.683c-2.074 1.933-4.926 2.33-6.91.734a25.5 25.5 0 0 1-6.048-7.057a24.9 24.9 0 0 1-3.109-8.77m6.086 3.529l2.146-1.968a4 4 0 0 0 1.042-4.35l-.87-2.32a3.976 3.976 0 0 0-4.886-2.408C7.58 4.029 4.878 7.046 5.45 10.815a26.9 26.9 0 0 0 3.357 9.477a27.5 27.5 0 0 0 6.523 7.61c2.975 2.39 6.949 1.575 9.528-.83a3.96 3.96 0 0 0 .357-5.417l-1.583-1.922a4 4 0 0 0-4.289-1.274l-2.777.874a13 13 0 0 1-.365-.391a12.5 12.5 0 0 1-1.507-2.053a12.5 12.5 0 0 1-1.025-2.332a13 13 0 0 1-.156-.512"/></svg> </template>
CSS
.icon-call-32-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.427%2010.516C7.046%208.002%208.82%205.74%2011.53%204.91a1.976%201.976%200%200%201%202.429%201.197l.869%202.32a2%202%200%200%201-.521%202.175l-2.585%202.371a1%201%200%200%200-.304.94l.023.104l.064.261c.057.22.143.53.264.9c.24.735.623%201.723%201.193%202.71s1.234%201.813%201.75%202.388a15%2015%200%200%200%20.842.864l.08.074a1%201%200%200%200%20.964.205l3.346-1.053a2%202%200%200%201%202.144.637l1.583%201.922c.66.8.582%201.976-.177%202.683c-2.074%201.933-4.926%202.33-6.91.734a25.5%2025.5%200%200%201-6.048-7.057a24.9%2024.9%200%200%201-3.109-8.77m6.086%203.529l2.146-1.968a4%204%200%200%200%201.042-4.35l-.87-2.32a3.976%203.976%200%200%200-4.886-2.408C7.58%204.029%204.878%207.046%205.45%2010.815a26.9%2026.9%200%200%200%203.357%209.477a27.5%2027.5%200%200%200%206.523%207.61c2.975%202.39%206.949%201.575%209.528-.83a3.96%203.96%200%200%200%20.357-5.417l-1.583-1.922a4%204%200%200%200-4.289-1.274l-2.777.874a13%2013%200%200%201-.365-.391a12.5%2012.5%200%200%201-1.507-2.053a12.5%2012.5%200%200%201-1.025-2.332a13%2013%200%200%201-.156-.512%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.427%2010.516C7.046%208.002%208.82%205.74%2011.53%204.91a1.976%201.976%200%200%201%202.429%201.197l.869%202.32a2%202%200%200%201-.521%202.175l-2.585%202.371a1%201%200%200%200-.304.94l.023.104l.064.261c.057.22.143.53.264.9c.24.735.623%201.723%201.193%202.71s1.234%201.813%201.75%202.388a15%2015%200%200%200%20.842.864l.08.074a1%201%200%200%200%20.964.205l3.346-1.053a2%202%200%200%201%202.144.637l1.583%201.922c.66.8.582%201.976-.177%202.683c-2.074%201.933-4.926%202.33-6.91.734a25.5%2025.5%200%200%201-6.048-7.057a24.9%2024.9%200%200%201-3.109-8.77m6.086%203.529l2.146-1.968a4%204%200%200%200%201.042-4.35l-.87-2.32a3.976%203.976%200%200%200-4.886-2.408C7.58%204.029%204.878%207.046%205.45%2010.815a26.9%2026.9%200%200%200%203.357%209.477a27.5%2027.5%200%200%200%206.523%207.61c2.975%202.39%206.949%201.575%209.528-.83a3.96%203.96%200%200%200%20.357-5.417l-1.583-1.922a4%204%200%200%200-4.289-1.274l-2.777.874a13%2013%200%200%201-.365-.391a12.5%2012.5%200%200%201-1.507-2.053a12.5%2012.5%200%200%201-1.025-2.332a13%2013%200%200%201-.156-.512%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/call-32-regular.svg?color=%231a73e8&size=48
