waze logo
waze from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.
- Name
- waze
- Set
- Boxicons Brands
- Style
- Logo
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the waze logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.97 10.99c0-2.38-.94-4.67-2.63-6.35A8.87 8.87 0 0 0 13.01 2c-2.74 0-5.29 1.22-7.03 3.42a8.94 8.94 0 0 0-1.94 5.59v1.49c0 .76-.6 1.51-1.6 1.51c-.17 0-.32.11-.37.27c-.19.62.57 2 1.65 3.09c.68.7 1.48 1.27 2.36 1.71c-.24 1.36.67 2.65 2.03 2.89c.14.02.28.04.43.04c1.19 0 2.21-.83 2.44-2h2.09c.28 1.41 1.74 2.38 3.31 1.85a2.4 2.4 0 0 0 1.47-1.45c.23-.65.2-1.28-.01-1.83c.55-.35 1.06-.77 1.52-1.23a8.92 8.92 0 0 0 2.62-6.36Zm-8.96 8.02h-2.04A2.485 2.485 0 0 0 8.53 17c-.85 0-1.64.43-2.1 1.14v.02a7.8 7.8 0 0 1-2.01-1.49c-.7-.71-1.08-1.36-1.26-1.77c.46-.11.87-.35 1.19-.7c.43-.46.67-1.08.66-1.71V11c0-1.77.59-3.5 1.67-4.9c1.55-2 3.85-3.11 6.31-3.11c2.12 0 4.12.83 5.63 2.35c1.5 1.5 2.34 3.53 2.34 5.65c0 2.14-.83 4.14-2.33 5.66A7.95 7.95 0 0 1 13 19.01Z"/><path fill="currentColor" d="M12 9c0-.55-.45-1-1-1s-1 .45-1 1s.45 1 1 1s1-.45 1-1m5.37 3.04a.5.5 0 0 0-.21-.05h-.01c-.19 0-.36.11-.44.28a2.99 2.99 0 0 1-2.7 1.72c-1.16 0-2.21-.67-2.7-1.72a.5.5 0 0 0-.95.22c0 .07.02.14.05.21c.66 1.4 2.06 2.29 3.61 2.29a4 4 0 0 0 3.61-2.29c.12-.25 0-.54-.24-.66ZM16.99 8c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1"/></svg>
React
import type { SVGProps } from "react";
export function BxlWaze(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.97 10.99c0-2.38-.94-4.67-2.63-6.35A8.87 8.87 0 0 0 13.01 2c-2.74 0-5.29 1.22-7.03 3.42a8.94 8.94 0 0 0-1.94 5.59v1.49c0 .76-.6 1.51-1.6 1.51c-.17 0-.32.11-.37.27c-.19.62.57 2 1.65 3.09c.68.7 1.48 1.27 2.36 1.71c-.24 1.36.67 2.65 2.03 2.89c.14.02.28.04.43.04c1.19 0 2.21-.83 2.44-2h2.09c.28 1.41 1.74 2.38 3.31 1.85a2.4 2.4 0 0 0 1.47-1.45c.23-.65.2-1.28-.01-1.83c.55-.35 1.06-.77 1.52-1.23a8.92 8.92 0 0 0 2.62-6.36Zm-8.96 8.02h-2.04A2.485 2.485 0 0 0 8.53 17c-.85 0-1.64.43-2.1 1.14v.02a7.8 7.8 0 0 1-2.01-1.49c-.7-.71-1.08-1.36-1.26-1.77c.46-.11.87-.35 1.19-.7c.43-.46.67-1.08.66-1.71V11c0-1.77.59-3.5 1.67-4.9c1.55-2 3.85-3.11 6.31-3.11c2.12 0 4.12.83 5.63 2.35c1.5 1.5 2.34 3.53 2.34 5.65c0 2.14-.83 4.14-2.33 5.66A7.95 7.95 0 0 1 13 19.01Z"/><path fill="currentColor" d="M12 9c0-.55-.45-1-1-1s-1 .45-1 1s.45 1 1 1s1-.45 1-1m5.37 3.04a.5.5 0 0 0-.21-.05h-.01c-.19 0-.36.11-.44.28a2.99 2.99 0 0 1-2.7 1.72c-1.16 0-2.21-.67-2.7-1.72a.5.5 0 0 0-.95.22c0 .07.02.14.05.21c.66 1.4 2.06 2.29 3.61 2.29a4 4 0 0 0 3.61-2.29c.12-.25 0-.54-.24-.66ZM16.99 8c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1"/></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.97 10.99c0-2.38-.94-4.67-2.63-6.35A8.87 8.87 0 0 0 13.01 2c-2.74 0-5.29 1.22-7.03 3.42a8.94 8.94 0 0 0-1.94 5.59v1.49c0 .76-.6 1.51-1.6 1.51c-.17 0-.32.11-.37.27c-.19.62.57 2 1.65 3.09c.68.7 1.48 1.27 2.36 1.71c-.24 1.36.67 2.65 2.03 2.89c.14.02.28.04.43.04c1.19 0 2.21-.83 2.44-2h2.09c.28 1.41 1.74 2.38 3.31 1.85a2.4 2.4 0 0 0 1.47-1.45c.23-.65.2-1.28-.01-1.83c.55-.35 1.06-.77 1.52-1.23a8.92 8.92 0 0 0 2.62-6.36Zm-8.96 8.02h-2.04A2.485 2.485 0 0 0 8.53 17c-.85 0-1.64.43-2.1 1.14v.02a7.8 7.8 0 0 1-2.01-1.49c-.7-.71-1.08-1.36-1.26-1.77c.46-.11.87-.35 1.19-.7c.43-.46.67-1.08.66-1.71V11c0-1.77.59-3.5 1.67-4.9c1.55-2 3.85-3.11 6.31-3.11c2.12 0 4.12.83 5.63 2.35c1.5 1.5 2.34 3.53 2.34 5.65c0 2.14-.83 4.14-2.33 5.66A7.95 7.95 0 0 1 13 19.01Z"/><path fill="currentColor" d="M12 9c0-.55-.45-1-1-1s-1 .45-1 1s.45 1 1 1s1-.45 1-1m5.37 3.04a.5.5 0 0 0-.21-.05h-.01c-.19 0-.36.11-.44.28a2.99 2.99 0 0 1-2.7 1.72c-1.16 0-2.21-.67-2.7-1.72a.5.5 0 0 0-.95.22c0 .07.02.14.05.21c.66 1.4 2.06 2.29 3.61 2.29a4 4 0 0 0 3.61-2.29c.12-.25 0-.54-.24-.66ZM16.99 8c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1"/></svg> </template>
CSS
.icon-waze {
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.97%2010.99c0-2.38-.94-4.67-2.63-6.35A8.87%208.87%200%200%200%2013.01%202c-2.74%200-5.29%201.22-7.03%203.42a8.94%208.94%200%200%200-1.94%205.59v1.49c0%20.76-.6%201.51-1.6%201.51c-.17%200-.32.11-.37.27c-.19.62.57%202%201.65%203.09c.68.7%201.48%201.27%202.36%201.71c-.24%201.36.67%202.65%202.03%202.89c.14.02.28.04.43.04c1.19%200%202.21-.83%202.44-2h2.09c.28%201.41%201.74%202.38%203.31%201.85a2.4%202.4%200%200%200%201.47-1.45c.23-.65.2-1.28-.01-1.83c.55-.35%201.06-.77%201.52-1.23a8.92%208.92%200%200%200%202.62-6.36Zm-8.96%208.02h-2.04A2.485%202.485%200%200%200%208.53%2017c-.85%200-1.64.43-2.1%201.14v.02a7.8%207.8%200%200%201-2.01-1.49c-.7-.71-1.08-1.36-1.26-1.77c.46-.11.87-.35%201.19-.7c.43-.46.67-1.08.66-1.71V11c0-1.77.59-3.5%201.67-4.9c1.55-2%203.85-3.11%206.31-3.11c2.12%200%204.12.83%205.63%202.35c1.5%201.5%202.34%203.53%202.34%205.65c0%202.14-.83%204.14-2.33%205.66A7.95%207.95%200%200%201%2013%2019.01Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%209c0-.55-.45-1-1-1s-1%20.45-1%201s.45%201%201%201s1-.45%201-1m5.37%203.04a.5.5%200%200%200-.21-.05h-.01c-.19%200-.36.11-.44.28a2.99%202.99%200%200%201-2.7%201.72c-1.16%200-2.21-.67-2.7-1.72a.5.5%200%200%200-.95.22c0%20.07.02.14.05.21c.66%201.4%202.06%202.29%203.61%202.29a4%204%200%200%200%203.61-2.29c.12-.25%200-.54-.24-.66ZM16.99%208c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1%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.97%2010.99c0-2.38-.94-4.67-2.63-6.35A8.87%208.87%200%200%200%2013.01%202c-2.74%200-5.29%201.22-7.03%203.42a8.94%208.94%200%200%200-1.94%205.59v1.49c0%20.76-.6%201.51-1.6%201.51c-.17%200-.32.11-.37.27c-.19.62.57%202%201.65%203.09c.68.7%201.48%201.27%202.36%201.71c-.24%201.36.67%202.65%202.03%202.89c.14.02.28.04.43.04c1.19%200%202.21-.83%202.44-2h2.09c.28%201.41%201.74%202.38%203.31%201.85a2.4%202.4%200%200%200%201.47-1.45c.23-.65.2-1.28-.01-1.83c.55-.35%201.06-.77%201.52-1.23a8.92%208.92%200%200%200%202.62-6.36Zm-8.96%208.02h-2.04A2.485%202.485%200%200%200%208.53%2017c-.85%200-1.64.43-2.1%201.14v.02a7.8%207.8%200%200%201-2.01-1.49c-.7-.71-1.08-1.36-1.26-1.77c.46-.11.87-.35%201.19-.7c.43-.46.67-1.08.66-1.71V11c0-1.77.59-3.5%201.67-4.9c1.55-2%203.85-3.11%206.31-3.11c2.12%200%204.12.83%205.63%202.35c1.5%201.5%202.34%203.53%202.34%205.65c0%202.14-.83%204.14-2.33%205.66A7.95%207.95%200%200%201%2013%2019.01Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%209c0-.55-.45-1-1-1s-1%20.45-1%201s.45%201%201%201s1-.45%201-1m5.37%203.04a.5.5%200%200%200-.21-.05h-.01c-.19%200-.36.11-.44.28a2.99%202.99%200%200%201-2.7%201.72c-1.16%200-2.21-.67-2.7-1.72a.5.5%200%200%200-.95.22c0%20.07.02.14.05.21c.66%201.4%202.06%202.29%203.61%202.29a4%204%200%200%200%203.61-2.29c.12-.25%200-.54-.24-.66ZM16.99%208c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxl/waze.svg?color=%231a73e8&size=48
