next-icons-logoNext IconsAll Icons
export type IconProps = {
  size?: number | string;
  color?: string;
  className?: string;
} & React.SVGProps<SVGSVGElement>;

export const WazeIcon = ({
  size = 24,
  color = "currentColor",
  className,
  ...props
}: IconProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 24 24"
    width={size}
    height={size}
    fill={color}
    className={className}
    {...props}
  >
      <path 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.51-.17 0-.32.11-.37.27-.19.62.57 2 1.65 3.09.68.7 1.48 1.27 2.36 1.71-.24 1.36.67 2.65 2.03 2.89.14.02.28.04.43.04 1.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.83.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.77.46-.11.87-.35 1.19-.7.43-.46.67-1.08.66-1.71V11c0-1.77.59-3.5 1.67-4.9 1.55-2 3.85-3.11 6.31-3.11 2.12 0 4.12.83 5.63 2.35 1.5 1.5 2.34 3.53 2.34 5.65 0 2.14-.83 4.14-2.33 5.66A7.95 7.95 0 0 1 13 19.01Z" />
      <path d="M12 9c0-.55-.45-1-1-1s-1 .45-1 1 .45 1 1 1 1-.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.21.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 1 1-.45 1-1-.45-1-1-1" />
  </svg>
);

Icon

Waze

Category

brands

Use case

Use this icon in navbar items, social link groups, profile actions, settings rows, and call-to-action buttons.

Size

48px

Color

#18181b

Related brands icons

AdobeAirbnbAmazonAmexAppleAppleMusicAtlassianAutoDesk