zalo logo
zalo from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- zalo
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the zalo logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.49 10.272v-.45h1.347v6.322h-.77a.576.576 0 0 1-.577-.573v.001a3.27 3.27 0 0 1-1.938.632a3.284 3.284 0 0 1-3.284-3.282a3.284 3.284 0 0 1 3.284-3.282a3.27 3.27 0 0 1 1.937.632zM6.919 7.79v.205c0 .382-.051.694-.3 1.06l-.03.034a8 8 0 0 0-.242.285L2.024 14.8h4.895v.768a.576.576 0 0 1-.577.576H0v-.362c0-.443.11-.641.25-.847L4.858 9.23H.192V7.79zm8.551 8.354a.48.48 0 0 1-.48-.48V7.79h1.441v8.354zM20.693 9.6a3.306 3.306 0 1 1 .002 6.612a3.306 3.306 0 0 1-.002-6.612m-10.14 5.253a1.932 1.932 0 1 0 0-3.863a1.932 1.932 0 0 0 0 3.863m10.14-.003a1.945 1.945 0 1 0 0-3.89a1.945 1.945 0 0 0 0 3.89"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsZalo(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="M12.49 10.272v-.45h1.347v6.322h-.77a.576.576 0 0 1-.577-.573v.001a3.27 3.27 0 0 1-1.938.632a3.284 3.284 0 0 1-3.284-3.282a3.284 3.284 0 0 1 3.284-3.282a3.27 3.27 0 0 1 1.937.632zM6.919 7.79v.205c0 .382-.051.694-.3 1.06l-.03.034a8 8 0 0 0-.242.285L2.024 14.8h4.895v.768a.576.576 0 0 1-.577.576H0v-.362c0-.443.11-.641.25-.847L4.858 9.23H.192V7.79zm8.551 8.354a.48.48 0 0 1-.48-.48V7.79h1.441v8.354zM20.693 9.6a3.306 3.306 0 1 1 .002 6.612a3.306 3.306 0 0 1-.002-6.612m-10.14 5.253a1.932 1.932 0 1 0 0-3.863a1.932 1.932 0 0 0 0 3.863m10.14-.003a1.945 1.945 0 1 0 0-3.89a1.945 1.945 0 0 0 0 3.89"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.49 10.272v-.45h1.347v6.322h-.77a.576.576 0 0 1-.577-.573v.001a3.27 3.27 0 0 1-1.938.632a3.284 3.284 0 0 1-3.284-3.282a3.284 3.284 0 0 1 3.284-3.282a3.27 3.27 0 0 1 1.937.632zM6.919 7.79v.205c0 .382-.051.694-.3 1.06l-.03.034a8 8 0 0 0-.242.285L2.024 14.8h4.895v.768a.576.576 0 0 1-.577.576H0v-.362c0-.443.11-.641.25-.847L4.858 9.23H.192V7.79zm8.551 8.354a.48.48 0 0 1-.48-.48V7.79h1.441v8.354zM20.693 9.6a3.306 3.306 0 1 1 .002 6.612a3.306 3.306 0 0 1-.002-6.612m-10.14 5.253a1.932 1.932 0 1 0 0-3.863a1.932 1.932 0 0 0 0 3.863m10.14-.003a1.945 1.945 0 1 0 0-3.89a1.945 1.945 0 0 0 0 3.89"/></svg> </template>
CSS
.icon-zalo {
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%22M12.49%2010.272v-.45h1.347v6.322h-.77a.576.576%200%200%201-.577-.573v.001a3.27%203.27%200%200%201-1.938.632a3.284%203.284%200%200%201-3.284-3.282a3.284%203.284%200%200%201%203.284-3.282a3.27%203.27%200%200%201%201.937.632zM6.919%207.79v.205c0%20.382-.051.694-.3%201.06l-.03.034a8%208%200%200%200-.242.285L2.024%2014.8h4.895v.768a.576.576%200%200%201-.577.576H0v-.362c0-.443.11-.641.25-.847L4.858%209.23H.192V7.79zm8.551%208.354a.48.48%200%200%201-.48-.48V7.79h1.441v8.354zM20.693%209.6a3.306%203.306%200%201%201%20.002%206.612a3.306%203.306%200%200%201-.002-6.612m-10.14%205.253a1.932%201.932%200%201%200%200-3.863a1.932%201.932%200%200%200%200%203.863m10.14-.003a1.945%201.945%200%201%200%200-3.89a1.945%201.945%200%200%200%200%203.89%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%22M12.49%2010.272v-.45h1.347v6.322h-.77a.576.576%200%200%201-.577-.573v.001a3.27%203.27%200%200%201-1.938.632a3.284%203.284%200%200%201-3.284-3.282a3.284%203.284%200%200%201%203.284-3.282a3.27%203.27%200%200%201%201.937.632zM6.919%207.79v.205c0%20.382-.051.694-.3%201.06l-.03.034a8%208%200%200%200-.242.285L2.024%2014.8h4.895v.768a.576.576%200%200%201-.577.576H0v-.362c0-.443.11-.641.25-.847L4.858%209.23H.192V7.79zm8.551%208.354a.48.48%200%200%201-.48-.48V7.79h1.441v8.354zM20.693%209.6a3.306%203.306%200%201%201%20.002%206.612a3.306%203.306%200%200%201-.002-6.612m-10.14%205.253a1.932%201.932%200%201%200%200-3.863a1.932%201.932%200%200%200%200%203.863m10.14-.003a1.945%201.945%200%201%200%200-3.89a1.945%201.945%200%200%200%200%203.89%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/zalo.svg?color=%231a73e8&size=48
