maptiler logo

maptiler from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
maptiler
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the maptiler logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m7.794 1.655l4.188 4.188l4.204-4.204A6.13 6.13 0 0 0 12 0a6.14 6.14 0 0 0-4.204 1.655ZM3.25 6.197L7.455 1.99l4.19 4.19l-4.206 4.207Zm-.315 8.697l4.168-4.168l-2.889-2.89l-1.298-1.299a6.19 6.19 0 0 0 .02 8.357zm14.728-5.64l3.073-3.073l-4.208-4.207l-4.207 4.207l4.207 4.206Zm-6.015 6.013L7.44 11.061l-4.172 4.172l4.206 4.208zm5.216-4.543l4.185 4.185a6.18 6.18 0 0 0 .02-8.387zm-2.448 6.639l2.093 2.092l4.207-4.206l-4.188-4.188l-4.207 4.206zM11.968 24a3007 3007 0 0 0 4.2-4.208l-4.187-4.188l-4.17 4.174q2.08 2.11 4.157 4.222"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsMaptiler(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="m7.794 1.655l4.188 4.188l4.204-4.204A6.13 6.13 0 0 0 12 0a6.14 6.14 0 0 0-4.204 1.655ZM3.25 6.197L7.455 1.99l4.19 4.19l-4.206 4.207Zm-.315 8.697l4.168-4.168l-2.889-2.89l-1.298-1.299a6.19 6.19 0 0 0 .02 8.357zm14.728-5.64l3.073-3.073l-4.208-4.207l-4.207 4.207l4.207 4.206Zm-6.015 6.013L7.44 11.061l-4.172 4.172l4.206 4.208zm5.216-4.543l4.185 4.185a6.18 6.18 0 0 0 .02-8.387zm-2.448 6.639l2.093 2.092l4.207-4.206l-4.188-4.188l-4.207 4.206zM11.968 24a3007 3007 0 0 0 4.2-4.208l-4.187-4.188l-4.17 4.174q2.08 2.11 4.157 4.222"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m7.794 1.655l4.188 4.188l4.204-4.204A6.13 6.13 0 0 0 12 0a6.14 6.14 0 0 0-4.204 1.655ZM3.25 6.197L7.455 1.99l4.19 4.19l-4.206 4.207Zm-.315 8.697l4.168-4.168l-2.889-2.89l-1.298-1.299a6.19 6.19 0 0 0 .02 8.357zm14.728-5.64l3.073-3.073l-4.208-4.207l-4.207 4.207l4.207 4.206Zm-6.015 6.013L7.44 11.061l-4.172 4.172l4.206 4.208zm5.216-4.543l4.185 4.185a6.18 6.18 0 0 0 .02-8.387zm-2.448 6.639l2.093 2.092l4.207-4.206l-4.188-4.188l-4.207 4.206zM11.968 24a3007 3007 0 0 0 4.2-4.208l-4.187-4.188l-4.17 4.174q2.08 2.11 4.157 4.222"/></svg>
</template>

CSS

.icon-maptiler {
  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%22m7.794%201.655l4.188%204.188l4.204-4.204A6.13%206.13%200%200%200%2012%200a6.14%206.14%200%200%200-4.204%201.655ZM3.25%206.197L7.455%201.99l4.19%204.19l-4.206%204.207Zm-.315%208.697l4.168-4.168l-2.889-2.89l-1.298-1.299a6.19%206.19%200%200%200%20.02%208.357zm14.728-5.64l3.073-3.073l-4.208-4.207l-4.207%204.207l4.207%204.206Zm-6.015%206.013L7.44%2011.061l-4.172%204.172l4.206%204.208zm5.216-4.543l4.185%204.185a6.18%206.18%200%200%200%20.02-8.387zm-2.448%206.639l2.093%202.092l4.207-4.206l-4.188-4.188l-4.207%204.206zM11.968%2024a3007%203007%200%200%200%204.2-4.208l-4.187-4.188l-4.17%204.174q2.08%202.11%204.157%204.222%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%22m7.794%201.655l4.188%204.188l4.204-4.204A6.13%206.13%200%200%200%2012%200a6.14%206.14%200%200%200-4.204%201.655ZM3.25%206.197L7.455%201.99l4.19%204.19l-4.206%204.207Zm-.315%208.697l4.168-4.168l-2.889-2.89l-1.298-1.299a6.19%206.19%200%200%200%20.02%208.357zm14.728-5.64l3.073-3.073l-4.208-4.207l-4.207%204.207l4.207%204.206Zm-6.015%206.013L7.44%2011.061l-4.172%204.172l4.206%204.208zm5.216-4.543l4.185%204.185a6.18%206.18%200%200%200%20.02-8.387zm-2.448%206.639l2.093%202.092l4.207-4.206l-4.188-4.188l-4.207%204.206zM11.968%2024a3007%203007%200%200%200%204.2-4.208l-4.187-4.188l-4.17%204.174q2.08%202.11%204.157%204.222%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/maptiler.svg?color=%231a73e8&size=48