maze logo
maze from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- maze
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the maze logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.126 16.547a3.787 3.787 0 0 1 0-5.389l4.078-4.042a3.87 3.87 0 0 1 4.68-.584c.456.27.452.886.077 1.258s-.988.34-1.497.192a1.93 1.93 0 0 0-1.901.481l-4.078 4.042a1.894 1.894 0 0 0 0 2.695c.75.744 1.968.744 2.719 0l8.155-8.084a3.87 3.87 0 0 1 5.437 0l4.078 4.042a3.787 3.787 0 0 1 0 5.389a3.87 3.87 0 0 1-5.437 0l-1.36-1.347l-1.698 1.684a3.87 3.87 0 0 1-4.68.583c-.457-.268-.453-.885-.078-1.257c.376-.372.988-.34 1.498-.192a1.93 1.93 0 0 0 1.9-.481l1.748-1.733a1.865 1.865 0 0 1 2.621 0l1.408 1.396c.75.744 1.968.744 2.719 0a1.894 1.894 0 0 0 0-2.695l-4.078-4.042a1.935 1.935 0 0 0-2.719 0l-8.155 8.084a3.87 3.87 0 0 1-5.437 0"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsMaze(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="M1.126 16.547a3.787 3.787 0 0 1 0-5.389l4.078-4.042a3.87 3.87 0 0 1 4.68-.584c.456.27.452.886.077 1.258s-.988.34-1.497.192a1.93 1.93 0 0 0-1.901.481l-4.078 4.042a1.894 1.894 0 0 0 0 2.695c.75.744 1.968.744 2.719 0l8.155-8.084a3.87 3.87 0 0 1 5.437 0l4.078 4.042a3.787 3.787 0 0 1 0 5.389a3.87 3.87 0 0 1-5.437 0l-1.36-1.347l-1.698 1.684a3.87 3.87 0 0 1-4.68.583c-.457-.268-.453-.885-.078-1.257c.376-.372.988-.34 1.498-.192a1.93 1.93 0 0 0 1.9-.481l1.748-1.733a1.865 1.865 0 0 1 2.621 0l1.408 1.396c.75.744 1.968.744 2.719 0a1.894 1.894 0 0 0 0-2.695l-4.078-4.042a1.935 1.935 0 0 0-2.719 0l-8.155 8.084a3.87 3.87 0 0 1-5.437 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.126 16.547a3.787 3.787 0 0 1 0-5.389l4.078-4.042a3.87 3.87 0 0 1 4.68-.584c.456.27.452.886.077 1.258s-.988.34-1.497.192a1.93 1.93 0 0 0-1.901.481l-4.078 4.042a1.894 1.894 0 0 0 0 2.695c.75.744 1.968.744 2.719 0l8.155-8.084a3.87 3.87 0 0 1 5.437 0l4.078 4.042a3.787 3.787 0 0 1 0 5.389a3.87 3.87 0 0 1-5.437 0l-1.36-1.347l-1.698 1.684a3.87 3.87 0 0 1-4.68.583c-.457-.268-.453-.885-.078-1.257c.376-.372.988-.34 1.498-.192a1.93 1.93 0 0 0 1.9-.481l1.748-1.733a1.865 1.865 0 0 1 2.621 0l1.408 1.396c.75.744 1.968.744 2.719 0a1.894 1.894 0 0 0 0-2.695l-4.078-4.042a1.935 1.935 0 0 0-2.719 0l-8.155 8.084a3.87 3.87 0 0 1-5.437 0"/></svg> </template>
CSS
.icon-maze {
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%22M1.126%2016.547a3.787%203.787%200%200%201%200-5.389l4.078-4.042a3.87%203.87%200%200%201%204.68-.584c.456.27.452.886.077%201.258s-.988.34-1.497.192a1.93%201.93%200%200%200-1.901.481l-4.078%204.042a1.894%201.894%200%200%200%200%202.695c.75.744%201.968.744%202.719%200l8.155-8.084a3.87%203.87%200%200%201%205.437%200l4.078%204.042a3.787%203.787%200%200%201%200%205.389a3.87%203.87%200%200%201-5.437%200l-1.36-1.347l-1.698%201.684a3.87%203.87%200%200%201-4.68.583c-.457-.268-.453-.885-.078-1.257c.376-.372.988-.34%201.498-.192a1.93%201.93%200%200%200%201.9-.481l1.748-1.733a1.865%201.865%200%200%201%202.621%200l1.408%201.396c.75.744%201.968.744%202.719%200a1.894%201.894%200%200%200%200-2.695l-4.078-4.042a1.935%201.935%200%200%200-2.719%200l-8.155%208.084a3.87%203.87%200%200%201-5.437%200%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%22M1.126%2016.547a3.787%203.787%200%200%201%200-5.389l4.078-4.042a3.87%203.87%200%200%201%204.68-.584c.456.27.452.886.077%201.258s-.988.34-1.497.192a1.93%201.93%200%200%200-1.901.481l-4.078%204.042a1.894%201.894%200%200%200%200%202.695c.75.744%201.968.744%202.719%200l8.155-8.084a3.87%203.87%200%200%201%205.437%200l4.078%204.042a3.787%203.787%200%200%201%200%205.389a3.87%203.87%200%200%201-5.437%200l-1.36-1.347l-1.698%201.684a3.87%203.87%200%200%201-4.68.583c-.457-.268-.453-.885-.078-1.257c.376-.372.988-.34%201.498-.192a1.93%201.93%200%200%200%201.9-.481l1.748-1.733a1.865%201.865%200%200%201%202.621%200l1.408%201.396c.75.744%201.968.744%202.719%200a1.894%201.894%200%200%200%200-2.695l-4.078-4.042a1.935%201.935%200%200%200-2.719%200l-8.155%208.084a3.87%203.87%200%200%201-5.437%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/maze.svg?color=%231a73e8&size=48
