map logo
map-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- map-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
mapAkar IconsmapBootstrap IconsmapBoxIcons v2mapBoxIcons v2 SolidmapCarbonmapCodiconsmap-fillEva IconsmapFramework7 IconsmapFont Awesome 6 RegularmapFont Awesome 6 SolidmapFont Awesome RegularmapFont Awesome SolidmapFeather Iconsmap-16-filledFluent UI System IconsmapHeroIconsmapHuge IconsmapHumbleiconsmapIconoirmapIonIconsmapJam IconsmapLine AwesomemapLucidemapMajesticonsmapMaterial Symbols
Use the map logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd22)"><path fill="#fff" d="M24 0H0v24h24z"/><path stroke="#e1ca7d" d="M10.386 5.75c.717-1.242 2.51-1.242 3.227 0l6.135 10.64c.716 1.241-.18 2.793-1.614 2.793H5.865c-1.433 0-2.33-1.552-1.613-2.793z"/><path stroke="#e1ca7d" d="M11.032 7.48c.825-1.173 2.613-1.012 3.214.29l3.813 8.246c.601 1.3-.43 2.765-1.858 2.636l-9.038-.815c-1.428-.128-2.181-1.754-1.357-2.926z"/><path stroke="#e1ca7d" d="M11.893 8.441a1.33 1.33 0 0 1 2.266.42l2.617 7.403a1.33 1.33 0 0 1-1.496 1.752l-7.713-1.43a1.33 1.33 0 0 1-.77-2.17z"/><path stroke="#e1ca7d" d="M12.597 9.413a.798.798 0 0 1 1.329.382l1.644 6.632a.8.8 0 0 1-.995.96l-6.56-1.888a.8.8 0 0 1-.334-1.34z"/><path stroke="#e1ca7d" d="M12.913 10.738a.534.534 0 0 1 .743.124a.53.53 0 0 1 .096.259l.472 4.95a.532.532 0 0 1-.751.534l-4.52-2.062a.532.532 0 0 1-.088-.917z"/></g><defs><clipPath id="SVGHcSWxdhd22"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedMapBackground(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clipPath="url(#SVGHcSWxdhd22)"><path fill="#fff" d="M24 0H0v24h24z"/><path stroke="#e1ca7d" d="M10.386 5.75c.717-1.242 2.51-1.242 3.227 0l6.135 10.64c.716 1.241-.18 2.793-1.614 2.793H5.865c-1.433 0-2.33-1.552-1.613-2.793z"/><path stroke="#e1ca7d" d="M11.032 7.48c.825-1.173 2.613-1.012 3.214.29l3.813 8.246c.601 1.3-.43 2.765-1.858 2.636l-9.038-.815c-1.428-.128-2.181-1.754-1.357-2.926z"/><path stroke="#e1ca7d" d="M11.893 8.441a1.33 1.33 0 0 1 2.266.42l2.617 7.403a1.33 1.33 0 0 1-1.496 1.752l-7.713-1.43a1.33 1.33 0 0 1-.77-2.17z"/><path stroke="#e1ca7d" d="M12.597 9.413a.798.798 0 0 1 1.329.382l1.644 6.632a.8.8 0 0 1-.995.96l-6.56-1.888a.8.8 0 0 1-.334-1.34z"/><path stroke="#e1ca7d" d="M12.913 10.738a.534.534 0 0 1 .743.124a.53.53 0 0 1 .096.259l.472 4.95a.532.532 0 0 1-.751.534l-4.52-2.062a.532.532 0 0 1-.088-.917z"/></g><defs><clipPath id="SVGHcSWxdhd22"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd22)"><path fill="#fff" d="M24 0H0v24h24z"/><path stroke="#e1ca7d" d="M10.386 5.75c.717-1.242 2.51-1.242 3.227 0l6.135 10.64c.716 1.241-.18 2.793-1.614 2.793H5.865c-1.433 0-2.33-1.552-1.613-2.793z"/><path stroke="#e1ca7d" d="M11.032 7.48c.825-1.173 2.613-1.012 3.214.29l3.813 8.246c.601 1.3-.43 2.765-1.858 2.636l-9.038-.815c-1.428-.128-2.181-1.754-1.357-2.926z"/><path stroke="#e1ca7d" d="M11.893 8.441a1.33 1.33 0 0 1 2.266.42l2.617 7.403a1.33 1.33 0 0 1-1.496 1.752l-7.713-1.43a1.33 1.33 0 0 1-.77-2.17z"/><path stroke="#e1ca7d" d="M12.597 9.413a.798.798 0 0 1 1.329.382l1.644 6.632a.8.8 0 0 1-.995.96l-6.56-1.888a.8.8 0 0 1-.334-1.34z"/><path stroke="#e1ca7d" d="M12.913 10.738a.534.534 0 0 1 .743.124a.53.53 0 0 1 .096.259l.472 4.95a.532.532 0 0 1-.751.534l-4.52-2.062a.532.532 0 0 1-.088-.917z"/></g><defs><clipPath id="SVGHcSWxdhd22"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-map-background {
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%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd22)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20stroke%3D%22%23e1ca7d%22%20d%3D%22M10.386%205.75c.717-1.242%202.51-1.242%203.227%200l6.135%2010.64c.716%201.241-.18%202.793-1.614%202.793H5.865c-1.433%200-2.33-1.552-1.613-2.793z%22%2F%3E%3Cpath%20stroke%3D%22%23e1ca7d%22%20d%3D%22M11.032%207.48c.825-1.173%202.613-1.012%203.214.29l3.813%208.246c.601%201.3-.43%202.765-1.858%202.636l-9.038-.815c-1.428-.128-2.181-1.754-1.357-2.926z%22%2F%3E%3Cpath%20stroke%3D%22%23e1ca7d%22%20d%3D%22M11.893%208.441a1.33%201.33%200%200%201%202.266.42l2.617%207.403a1.33%201.33%200%200%201-1.496%201.752l-7.713-1.43a1.33%201.33%200%200%201-.77-2.17z%22%2F%3E%3Cpath%20stroke%3D%22%23e1ca7d%22%20d%3D%22M12.597%209.413a.798.798%200%200%201%201.329.382l1.644%206.632a.8.8%200%200%201-.995.96l-6.56-1.888a.8.8%200%200%201-.334-1.34z%22%2F%3E%3Cpath%20stroke%3D%22%23e1ca7d%22%20d%3D%22M12.913%2010.738a.534.534%200%200%201%20.743.124a.53.53%200%200%201%20.096.259l.472%204.95a.532.532%200%200%201-.751.534l-4.52-2.062a.532.532%200%200%201-.088-.917z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd22%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd22)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20stroke%3D%22%23e1ca7d%22%20d%3D%22M10.386%205.75c.717-1.242%202.51-1.242%203.227%200l6.135%2010.64c.716%201.241-.18%202.793-1.614%202.793H5.865c-1.433%200-2.33-1.552-1.613-2.793z%22%2F%3E%3Cpath%20stroke%3D%22%23e1ca7d%22%20d%3D%22M11.032%207.48c.825-1.173%202.613-1.012%203.214.29l3.813%208.246c.601%201.3-.43%202.765-1.858%202.636l-9.038-.815c-1.428-.128-2.181-1.754-1.357-2.926z%22%2F%3E%3Cpath%20stroke%3D%22%23e1ca7d%22%20d%3D%22M11.893%208.441a1.33%201.33%200%200%201%202.266.42l2.617%207.403a1.33%201.33%200%200%201-1.496%201.752l-7.713-1.43a1.33%201.33%200%200%201-.77-2.17z%22%2F%3E%3Cpath%20stroke%3D%22%23e1ca7d%22%20d%3D%22M12.597%209.413a.798.798%200%200%201%201.329.382l1.644%206.632a.8.8%200%200%201-.995.96l-6.56-1.888a.8.8%200%200%201-.334-1.34z%22%2F%3E%3Cpath%20stroke%3D%22%23e1ca7d%22%20d%3D%22M12.913%2010.738a.534.534%200%200%201%20.743.124a.53.53%200%200%201%20.096.259l.472%204.95a.532.532%200%200%201-.751.534l-4.52-2.062a.532.532%200%200%201-.088-.917z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd22%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/map-background.svg?color=%231a73e8&size=48
