call square icon
call-square-28-regular from Fluent UI System Icons by Microsoft Corporation · 28 Regular · MIT Free for personal and commercial use.
- Name
- call-square-28-regular
- Set
- Fluent UI System Icons
- Style
- 28 Regular
- Viewbox
- 28×28
- License
- MIT
7 other variants in Fluent UI System Icons
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-transfer-16-filledcall-warning-16-filled
Use the call square icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M6.75 3A3.75 3.75 0 0 0 3 6.75v14.5A3.75 3.75 0 0 0 6.75 25h14.5A3.75 3.75 0 0 0 25 21.25V6.75A3.75 3.75 0 0 0 21.25 3zM4.5 6.75A2.25 2.25 0 0 1 6.75 4.5h14.5a2.25 2.25 0 0 1 2.25 2.25v14.5a2.25 2.25 0 0 1-2.25 2.25H6.75a2.25 2.25 0 0 1-2.25-2.25zm3.973 4.401C9.913 10.431 11.868 10 14 10s4.087.431 5.527 1.151c1.41.705 2.473 1.772 2.473 3.099l-.001.036l-.136 1.857a2 2 0 0 1-2.228 1.84l-1.632-.192a2 2 0 0 1-1.72-1.558l-.435-1.982c-.03-.133-.095-.194-.145-.213c-.306-.123-.873-.288-1.703-.288s-1.397.165-1.703.288c-.05.02-.116.08-.145.213l-.435 1.983a2 2 0 0 1-1.72 1.557l-1.632.192a2 2 0 0 1-2.228-1.84l-.136-1.857L6 14.25c0-1.327 1.063-2.394 2.473-3.099"/></svg>
React
import type { SVGProps } from "react";
export function FluentCallSquare28Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M6.75 3A3.75 3.75 0 0 0 3 6.75v14.5A3.75 3.75 0 0 0 6.75 25h14.5A3.75 3.75 0 0 0 25 21.25V6.75A3.75 3.75 0 0 0 21.25 3zM4.5 6.75A2.25 2.25 0 0 1 6.75 4.5h14.5a2.25 2.25 0 0 1 2.25 2.25v14.5a2.25 2.25 0 0 1-2.25 2.25H6.75a2.25 2.25 0 0 1-2.25-2.25zm3.973 4.401C9.913 10.431 11.868 10 14 10s4.087.431 5.527 1.151c1.41.705 2.473 1.772 2.473 3.099l-.001.036l-.136 1.857a2 2 0 0 1-2.228 1.84l-1.632-.192a2 2 0 0 1-1.72-1.558l-.435-1.982c-.03-.133-.095-.194-.145-.213c-.306-.123-.873-.288-1.703-.288s-1.397.165-1.703.288c-.05.02-.116.08-.145.213l-.435 1.983a2 2 0 0 1-1.72 1.557l-1.632.192a2 2 0 0 1-2.228-1.84l-.136-1.857L6 14.25c0-1.327 1.063-2.394 2.473-3.099"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M6.75 3A3.75 3.75 0 0 0 3 6.75v14.5A3.75 3.75 0 0 0 6.75 25h14.5A3.75 3.75 0 0 0 25 21.25V6.75A3.75 3.75 0 0 0 21.25 3zM4.5 6.75A2.25 2.25 0 0 1 6.75 4.5h14.5a2.25 2.25 0 0 1 2.25 2.25v14.5a2.25 2.25 0 0 1-2.25 2.25H6.75a2.25 2.25 0 0 1-2.25-2.25zm3.973 4.401C9.913 10.431 11.868 10 14 10s4.087.431 5.527 1.151c1.41.705 2.473 1.772 2.473 3.099l-.001.036l-.136 1.857a2 2 0 0 1-2.228 1.84l-1.632-.192a2 2 0 0 1-1.72-1.558l-.435-1.982c-.03-.133-.095-.194-.145-.213c-.306-.123-.873-.288-1.703-.288s-1.397.165-1.703.288c-.05.02-.116.08-.145.213l-.435 1.983a2 2 0 0 1-1.72 1.557l-1.632.192a2 2 0 0 1-2.228-1.84l-.136-1.857L6 14.25c0-1.327 1.063-2.394 2.473-3.099"/></svg> </template>
CSS
.icon-call-square-28-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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.75%203A3.75%203.75%200%200%200%203%206.75v14.5A3.75%203.75%200%200%200%206.75%2025h14.5A3.75%203.75%200%200%200%2025%2021.25V6.75A3.75%203.75%200%200%200%2021.25%203zM4.5%206.75A2.25%202.25%200%200%201%206.75%204.5h14.5a2.25%202.25%200%200%201%202.25%202.25v14.5a2.25%202.25%200%200%201-2.25%202.25H6.75a2.25%202.25%200%200%201-2.25-2.25zm3.973%204.401C9.913%2010.431%2011.868%2010%2014%2010s4.087.431%205.527%201.151c1.41.705%202.473%201.772%202.473%203.099l-.001.036l-.136%201.857a2%202%200%200%201-2.228%201.84l-1.632-.192a2%202%200%200%201-1.72-1.558l-.435-1.982c-.03-.133-.095-.194-.145-.213c-.306-.123-.873-.288-1.703-.288s-1.397.165-1.703.288c-.05.02-.116.08-.145.213l-.435%201.983a2%202%200%200%201-1.72%201.557l-1.632.192a2%202%200%200%201-2.228-1.84l-.136-1.857L6%2014.25c0-1.327%201.063-2.394%202.473-3.099%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.75%203A3.75%203.75%200%200%200%203%206.75v14.5A3.75%203.75%200%200%200%206.75%2025h14.5A3.75%203.75%200%200%200%2025%2021.25V6.75A3.75%203.75%200%200%200%2021.25%203zM4.5%206.75A2.25%202.25%200%200%201%206.75%204.5h14.5a2.25%202.25%200%200%201%202.25%202.25v14.5a2.25%202.25%200%200%201-2.25%202.25H6.75a2.25%202.25%200%200%201-2.25-2.25zm3.973%204.401C9.913%2010.431%2011.868%2010%2014%2010s4.087.431%205.527%201.151c1.41.705%202.473%201.772%202.473%203.099l-.001.036l-.136%201.857a2%202%200%200%201-2.228%201.84l-1.632-.192a2%202%200%200%201-1.72-1.558l-.435-1.982c-.03-.133-.095-.194-.145-.213c-.306-.123-.873-.288-1.703-.288s-1.397.165-1.703.288c-.05.02-.116.08-.145.213l-.435%201.983a2%202%200%200%201-1.72%201.557l-1.632.192a2%202%200%200%201-2.228-1.84l-.136-1.857L6%2014.25c0-1.327%201.063-2.394%202.473-3.099%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/call-square-28-regular.svg?color=%231a73e8&size=48
