maps logo
maps from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- maps
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the maps logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#77d563" d="M10.376 4.112c-2.685.534-2.68 1.504-2.675 2.65v.14l.94-.18c-.075-.5.19-1.43 1.85-1.75c1.63-.32 2.11.47 2.164 1l.9-.17c.02-.78-.595-2.205-3.18-1.69M6.226 14.56l-2.05 2.065l-.96-5.15zm-1.775 3.575l-.135-.735l2.365-2.375l4.12 4.225l-3.71.71a2.26 2.26 0 0 1-2.64-1.825m12.239-.005l-5.125.97l-.925-.95l3.07-3.08l2.98 3.05zm2.47-.47l-1.705.325l-3.29-3.37l3.125-3.135L21 15.35a2.28 2.28 0 0 1-1.84 2.3zm.674-8.73l.985 5.3l-3.07-3.21zm-.285-1.539l.14.765l-2.39 2.4l-3.014-3.16l1.63-1.64l1-.19a2.26 2.26 0 0 1 2.634 1.825m-12.398.035l7.634-1.45l-4.574 4.585l-3.055-3.135zm-2.31.445l1.55-.3l3.365 3.45l-3.07 3.08l-3.675-3.76a2.285 2.285 0 0 1 1.83-2.47m8.984-.015l3.02 3.155l-3.13 3.14l-3.05-3.125zM11.251 14.5a1 1 0 1 1-2.001 0a1 1 0 0 1 2 0"/></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedMaps(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#77d563" d="M10.376 4.112c-2.685.534-2.68 1.504-2.675 2.65v.14l.94-.18c-.075-.5.19-1.43 1.85-1.75c1.63-.32 2.11.47 2.164 1l.9-.17c.02-.78-.595-2.205-3.18-1.69M6.226 14.56l-2.05 2.065l-.96-5.15zm-1.775 3.575l-.135-.735l2.365-2.375l4.12 4.225l-3.71.71a2.26 2.26 0 0 1-2.64-1.825m12.239-.005l-5.125.97l-.925-.95l3.07-3.08l2.98 3.05zm2.47-.47l-1.705.325l-3.29-3.37l3.125-3.135L21 15.35a2.28 2.28 0 0 1-1.84 2.3zm.674-8.73l.985 5.3l-3.07-3.21zm-.285-1.539l.14.765l-2.39 2.4l-3.014-3.16l1.63-1.64l1-.19a2.26 2.26 0 0 1 2.634 1.825m-12.398.035l7.634-1.45l-4.574 4.585l-3.055-3.135zm-2.31.445l1.55-.3l3.365 3.45l-3.07 3.08l-3.675-3.76a2.285 2.285 0 0 1 1.83-2.47m8.984-.015l3.02 3.155l-3.13 3.14l-3.05-3.125zM11.251 14.5a1 1 0 1 1-2.001 0a1 1 0 0 1 2 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#77d563" d="M10.376 4.112c-2.685.534-2.68 1.504-2.675 2.65v.14l.94-.18c-.075-.5.19-1.43 1.85-1.75c1.63-.32 2.11.47 2.164 1l.9-.17c.02-.78-.595-2.205-3.18-1.69M6.226 14.56l-2.05 2.065l-.96-5.15zm-1.775 3.575l-.135-.735l2.365-2.375l4.12 4.225l-3.71.71a2.26 2.26 0 0 1-2.64-1.825m12.239-.005l-5.125.97l-.925-.95l3.07-3.08l2.98 3.05zm2.47-.47l-1.705.325l-3.29-3.37l3.125-3.135L21 15.35a2.28 2.28 0 0 1-1.84 2.3zm.674-8.73l.985 5.3l-3.07-3.21zm-.285-1.539l.14.765l-2.39 2.4l-3.014-3.16l1.63-1.64l1-.19a2.26 2.26 0 0 1 2.634 1.825m-12.398.035l7.634-1.45l-4.574 4.585l-3.055-3.135zm-2.31.445l1.55-.3l3.365 3.45l-3.07 3.08l-3.675-3.76a2.285 2.285 0 0 1 1.83-2.47m8.984-.015l3.02 3.155l-3.13 3.14l-3.05-3.125zM11.251 14.5a1 1 0 1 1-2.001 0a1 1 0 0 1 2 0"/></svg> </template>
CSS
.icon-maps {
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%22%2377d563%22%20d%3D%22M10.376%204.112c-2.685.534-2.68%201.504-2.675%202.65v.14l.94-.18c-.075-.5.19-1.43%201.85-1.75c1.63-.32%202.11.47%202.164%201l.9-.17c.02-.78-.595-2.205-3.18-1.69M6.226%2014.56l-2.05%202.065l-.96-5.15zm-1.775%203.575l-.135-.735l2.365-2.375l4.12%204.225l-3.71.71a2.26%202.26%200%200%201-2.64-1.825m12.239-.005l-5.125.97l-.925-.95l3.07-3.08l2.98%203.05zm2.47-.47l-1.705.325l-3.29-3.37l3.125-3.135L21%2015.35a2.28%202.28%200%200%201-1.84%202.3zm.674-8.73l.985%205.3l-3.07-3.21zm-.285-1.539l.14.765l-2.39%202.4l-3.014-3.16l1.63-1.64l1-.19a2.26%202.26%200%200%201%202.634%201.825m-12.398.035l7.634-1.45l-4.574%204.585l-3.055-3.135zm-2.31.445l1.55-.3l3.365%203.45l-3.07%203.08l-3.675-3.76a2.285%202.285%200%200%201%201.83-2.47m8.984-.015l3.02%203.155l-3.13%203.14l-3.05-3.125zM11.251%2014.5a1%201%200%201%201-2.001%200a1%201%200%200%201%202%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%22%2377d563%22%20d%3D%22M10.376%204.112c-2.685.534-2.68%201.504-2.675%202.65v.14l.94-.18c-.075-.5.19-1.43%201.85-1.75c1.63-.32%202.11.47%202.164%201l.9-.17c.02-.78-.595-2.205-3.18-1.69M6.226%2014.56l-2.05%202.065l-.96-5.15zm-1.775%203.575l-.135-.735l2.365-2.375l4.12%204.225l-3.71.71a2.26%202.26%200%200%201-2.64-1.825m12.239-.005l-5.125.97l-.925-.95l3.07-3.08l2.98%203.05zm2.47-.47l-1.705.325l-3.29-3.37l3.125-3.135L21%2015.35a2.28%202.28%200%200%201-1.84%202.3zm.674-8.73l.985%205.3l-3.07-3.21zm-.285-1.539l.14.765l-2.39%202.4l-3.014-3.16l1.63-1.64l1-.19a2.26%202.26%200%200%201%202.634%201.825m-12.398.035l7.634-1.45l-4.574%204.585l-3.055-3.135zm-2.31.445l1.55-.3l3.365%203.45l-3.07%203.08l-3.675-3.76a2.285%202.285%200%200%201%201.83-2.47m8.984-.015l3.02%203.155l-3.13%203.14l-3.05-3.125zM11.251%2014.5a1%201%200%201%201-2.001%200a1%201%200%200%201%202%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/maps.svg?color=%231a73e8&size=48
