waze icon
waze from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.
- Name
- waze
- Set
- Line Awesome
- Style
- Line
- Category
- Other
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More other icons from Line Awesome
Use the waze icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M17.7 4c-5 0-10.1 3.3-11.1 8.3c-.6 3 .2 5.8-2.3 5.8c-1.1 0-1.8 1.3-1.1 2.2c1.4 1.9 3.3 3 5.2 3.7l.616.246A2.5 2.5 0 0 0 11.5 27a2.5 2.5 0 0 0 2.445-2h4.108a2.5 2.5 0 0 0 2.447 2a2.5 2.5 0 0 0 2.371-3.291c4.19-2.13 6.518-6.371 5.729-10.908C28 7.7 23 4 17.7 4m0 2c4.5 0 8.5 3.1 9.2 7.3c.6 3.6-1.3 7.1-4.8 8.8l-.454.181A2.5 2.5 0 0 0 20.5 22a2.5 2.5 0 0 0-1.998 1H13.9c-.122 0-.28-.016-.42-.021A2.5 2.5 0 0 0 11.5 22a2.5 2.5 0 0 0-1.367.41l-.033-.01l-.9-.3c-1.4-.5-2.6-1.2-3.6-2.2c2.4-.7 2.6-3.5 2.7-5.1c.1-.7.1-1.4.2-2.1c.9-4.2 5.3-6.7 9.2-6.7m-3.2 5a1.5 1.5 0 0 0 0 3a1.5 1.5 0 0 0 0-3m6 0a1.5 1.5 0 0 0 0 3a1.5 1.5 0 0 0 0-3m-6.895 3.979A.44.44 0 0 0 13.4 15c-.3.1-.5.3-.4.6c.5 2.3 2.7 3.4 4.5 3.4s4-1.1 4.5-3.4c0-.3-.1-.5-.4-.6c-.3 0-.5.1-.6.4c-.4 1.8-2.1 2.6-3.5 2.6s-3.1-.8-3.5-2.6c-.075-.225-.207-.393-.395-.421"/></svg>
React
import type { SVGProps } from "react";
export function LaWaze(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="M17.7 4c-5 0-10.1 3.3-11.1 8.3c-.6 3 .2 5.8-2.3 5.8c-1.1 0-1.8 1.3-1.1 2.2c1.4 1.9 3.3 3 5.2 3.7l.616.246A2.5 2.5 0 0 0 11.5 27a2.5 2.5 0 0 0 2.445-2h4.108a2.5 2.5 0 0 0 2.447 2a2.5 2.5 0 0 0 2.371-3.291c4.19-2.13 6.518-6.371 5.729-10.908C28 7.7 23 4 17.7 4m0 2c4.5 0 8.5 3.1 9.2 7.3c.6 3.6-1.3 7.1-4.8 8.8l-.454.181A2.5 2.5 0 0 0 20.5 22a2.5 2.5 0 0 0-1.998 1H13.9c-.122 0-.28-.016-.42-.021A2.5 2.5 0 0 0 11.5 22a2.5 2.5 0 0 0-1.367.41l-.033-.01l-.9-.3c-1.4-.5-2.6-1.2-3.6-2.2c2.4-.7 2.6-3.5 2.7-5.1c.1-.7.1-1.4.2-2.1c.9-4.2 5.3-6.7 9.2-6.7m-3.2 5a1.5 1.5 0 0 0 0 3a1.5 1.5 0 0 0 0-3m6 0a1.5 1.5 0 0 0 0 3a1.5 1.5 0 0 0 0-3m-6.895 3.979A.44.44 0 0 0 13.4 15c-.3.1-.5.3-.4.6c.5 2.3 2.7 3.4 4.5 3.4s4-1.1 4.5-3.4c0-.3-.1-.5-.4-.6c-.3 0-.5.1-.6.4c-.4 1.8-2.1 2.6-3.5 2.6s-3.1-.8-3.5-2.6c-.075-.225-.207-.393-.395-.421"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M17.7 4c-5 0-10.1 3.3-11.1 8.3c-.6 3 .2 5.8-2.3 5.8c-1.1 0-1.8 1.3-1.1 2.2c1.4 1.9 3.3 3 5.2 3.7l.616.246A2.5 2.5 0 0 0 11.5 27a2.5 2.5 0 0 0 2.445-2h4.108a2.5 2.5 0 0 0 2.447 2a2.5 2.5 0 0 0 2.371-3.291c4.19-2.13 6.518-6.371 5.729-10.908C28 7.7 23 4 17.7 4m0 2c4.5 0 8.5 3.1 9.2 7.3c.6 3.6-1.3 7.1-4.8 8.8l-.454.181A2.5 2.5 0 0 0 20.5 22a2.5 2.5 0 0 0-1.998 1H13.9c-.122 0-.28-.016-.42-.021A2.5 2.5 0 0 0 11.5 22a2.5 2.5 0 0 0-1.367.41l-.033-.01l-.9-.3c-1.4-.5-2.6-1.2-3.6-2.2c2.4-.7 2.6-3.5 2.7-5.1c.1-.7.1-1.4.2-2.1c.9-4.2 5.3-6.7 9.2-6.7m-3.2 5a1.5 1.5 0 0 0 0 3a1.5 1.5 0 0 0 0-3m6 0a1.5 1.5 0 0 0 0 3a1.5 1.5 0 0 0 0-3m-6.895 3.979A.44.44 0 0 0 13.4 15c-.3.1-.5.3-.4.6c.5 2.3 2.7 3.4 4.5 3.4s4-1.1 4.5-3.4c0-.3-.1-.5-.4-.6c-.3 0-.5.1-.6.4c-.4 1.8-2.1 2.6-3.5 2.6s-3.1-.8-3.5-2.6c-.075-.225-.207-.393-.395-.421"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.7%204c-5%200-10.1%203.3-11.1%208.3c-.6%203%20.2%205.8-2.3%205.8c-1.1%200-1.8%201.3-1.1%202.2c1.4%201.9%203.3%203%205.2%203.7l.616.246A2.5%202.5%200%200%200%2011.5%2027a2.5%202.5%200%200%200%202.445-2h4.108a2.5%202.5%200%200%200%202.447%202a2.5%202.5%200%200%200%202.371-3.291c4.19-2.13%206.518-6.371%205.729-10.908C28%207.7%2023%204%2017.7%204m0%202c4.5%200%208.5%203.1%209.2%207.3c.6%203.6-1.3%207.1-4.8%208.8l-.454.181A2.5%202.5%200%200%200%2020.5%2022a2.5%202.5%200%200%200-1.998%201H13.9c-.122%200-.28-.016-.42-.021A2.5%202.5%200%200%200%2011.5%2022a2.5%202.5%200%200%200-1.367.41l-.033-.01l-.9-.3c-1.4-.5-2.6-1.2-3.6-2.2c2.4-.7%202.6-3.5%202.7-5.1c.1-.7.1-1.4.2-2.1c.9-4.2%205.3-6.7%209.2-6.7m-3.2%205a1.5%201.5%200%200%200%200%203a1.5%201.5%200%200%200%200-3m6%200a1.5%201.5%200%200%200%200%203a1.5%201.5%200%200%200%200-3m-6.895%203.979A.44.44%200%200%200%2013.4%2015c-.3.1-.5.3-.4.6c.5%202.3%202.7%203.4%204.5%203.4s4-1.1%204.5-3.4c0-.3-.1-.5-.4-.6c-.3%200-.5.1-.6.4c-.4%201.8-2.1%202.6-3.5%202.6s-3.1-.8-3.5-2.6c-.075-.225-.207-.393-.395-.421%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%22M17.7%204c-5%200-10.1%203.3-11.1%208.3c-.6%203%20.2%205.8-2.3%205.8c-1.1%200-1.8%201.3-1.1%202.2c1.4%201.9%203.3%203%205.2%203.7l.616.246A2.5%202.5%200%200%200%2011.5%2027a2.5%202.5%200%200%200%202.445-2h4.108a2.5%202.5%200%200%200%202.447%202a2.5%202.5%200%200%200%202.371-3.291c4.19-2.13%206.518-6.371%205.729-10.908C28%207.7%2023%204%2017.7%204m0%202c4.5%200%208.5%203.1%209.2%207.3c.6%203.6-1.3%207.1-4.8%208.8l-.454.181A2.5%202.5%200%200%200%2020.5%2022a2.5%202.5%200%200%200-1.998%201H13.9c-.122%200-.28-.016-.42-.021A2.5%202.5%200%200%200%2011.5%2022a2.5%202.5%200%200%200-1.367.41l-.033-.01l-.9-.3c-1.4-.5-2.6-1.2-3.6-2.2c2.4-.7%202.6-3.5%202.7-5.1c.1-.7.1-1.4.2-2.1c.9-4.2%205.3-6.7%209.2-6.7m-3.2%205a1.5%201.5%200%200%200%200%203a1.5%201.5%200%200%200%200-3m6%200a1.5%201.5%200%200%200%200%203a1.5%201.5%200%200%200%200-3m-6.895%203.979A.44.44%200%200%200%2013.4%2015c-.3.1-.5.3-.4.6c.5%202.3%202.7%203.4%204.5%203.4s4-1.1%204.5-3.4c0-.3-.1-.5-.4-.6c-.3%200-.5.1-.6.4c-.4%201.8-2.1%202.6-3.5%202.6s-3.1-.8-3.5-2.6c-.075-.225-.207-.393-.395-.421%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/waze.svg?color=%231a73e8&size=48
