loc logo
loc from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- loc
- 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 loc logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#b6b6b6" d="M13.535 10.13c.926 0 1.482.716 1.641 1.076h-.741a1.11 1.11 0 0 0-.905-.44c-1.075.048-1.266 1.011-1.202 1.488a4.5 4.5 0 0 1-.566-.826c.052-.212.603-1.297 1.768-1.297z"/><path fill="#b6b6b6" d="M13.588 13.227c.524 0 .794-.318.863-.46h.725c-.164.476-.842 1.032-1.535 1.095a1.86 1.86 0 0 1-1.181-.307a4.6 4.6 0 0 1-1.324-1.61c-.492-.926-1.058-1.19-1.503-1.19c-.858 0-1.286.773-1.244 1.19c0 1.023.847 1.282 1.323 1.282c.932-.058 1.165-1.022 1.102-1.392l.503.804a1.855 1.855 0 0 1-1.684 1.218c-.694-.005-1.869-.535-1.869-1.911c0-1.128.953-1.805 1.869-1.805c.98 0 1.662.74 1.985 1.387c.26.518.715 1.043.91 1.239c.133.164.53.46 1.06.46"/><path fill="#a2c5bf" d="M20.471 12c-.339-7.174-6.115-8.99-9-9v2.647c4.96.17 6.321 4.368 6.353 6.353z"/><path fill="#243a45" d="M20.471 12c-.339 7.173-6.115 8.99-9 9v-2.647c4.96-.17 6.321-4.368 6.353-6.353z"/><path fill="#2d7cf2" d="M3.529 11.968c0-5.897 5.554-7.967 7.941-7.91v1.59c-2.186-.033-6.353 2.17-6.353 6.32c0 5.008 4.368 6.364 6.353 6.385v1.588c-2.874.01-7.941-2.223-7.941-7.973"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedLoc(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"><path fill="#b6b6b6" d="M13.535 10.13c.926 0 1.482.716 1.641 1.076h-.741a1.11 1.11 0 0 0-.905-.44c-1.075.048-1.266 1.011-1.202 1.488a4.5 4.5 0 0 1-.566-.826c.052-.212.603-1.297 1.768-1.297z"/><path fill="#b6b6b6" d="M13.588 13.227c.524 0 .794-.318.863-.46h.725c-.164.476-.842 1.032-1.535 1.095a1.86 1.86 0 0 1-1.181-.307a4.6 4.6 0 0 1-1.324-1.61c-.492-.926-1.058-1.19-1.503-1.19c-.858 0-1.286.773-1.244 1.19c0 1.023.847 1.282 1.323 1.282c.932-.058 1.165-1.022 1.102-1.392l.503.804a1.855 1.855 0 0 1-1.684 1.218c-.694-.005-1.869-.535-1.869-1.911c0-1.128.953-1.805 1.869-1.805c.98 0 1.662.74 1.985 1.387c.26.518.715 1.043.91 1.239c.133.164.53.46 1.06.46"/><path fill="#a2c5bf" d="M20.471 12c-.339-7.174-6.115-8.99-9-9v2.647c4.96.17 6.321 4.368 6.353 6.353z"/><path fill="#243a45" d="M20.471 12c-.339 7.173-6.115 8.99-9 9v-2.647c4.96-.17 6.321-4.368 6.353-6.353z"/><path fill="#2d7cf2" d="M3.529 11.968c0-5.897 5.554-7.967 7.941-7.91v1.59c-2.186-.033-6.353 2.17-6.353 6.32c0 5.008 4.368 6.364 6.353 6.385v1.588c-2.874.01-7.941-2.223-7.941-7.973"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#b6b6b6" d="M13.535 10.13c.926 0 1.482.716 1.641 1.076h-.741a1.11 1.11 0 0 0-.905-.44c-1.075.048-1.266 1.011-1.202 1.488a4.5 4.5 0 0 1-.566-.826c.052-.212.603-1.297 1.768-1.297z"/><path fill="#b6b6b6" d="M13.588 13.227c.524 0 .794-.318.863-.46h.725c-.164.476-.842 1.032-1.535 1.095a1.86 1.86 0 0 1-1.181-.307a4.6 4.6 0 0 1-1.324-1.61c-.492-.926-1.058-1.19-1.503-1.19c-.858 0-1.286.773-1.244 1.19c0 1.023.847 1.282 1.323 1.282c.932-.058 1.165-1.022 1.102-1.392l.503.804a1.855 1.855 0 0 1-1.684 1.218c-.694-.005-1.869-.535-1.869-1.911c0-1.128.953-1.805 1.869-1.805c.98 0 1.662.74 1.985 1.387c.26.518.715 1.043.91 1.239c.133.164.53.46 1.06.46"/><path fill="#a2c5bf" d="M20.471 12c-.339-7.174-6.115-8.99-9-9v2.647c4.96.17 6.321 4.368 6.353 6.353z"/><path fill="#243a45" d="M20.471 12c-.339 7.173-6.115 8.99-9 9v-2.647c4.96-.17 6.321-4.368 6.353-6.353z"/><path fill="#2d7cf2" d="M3.529 11.968c0-5.897 5.554-7.967 7.941-7.91v1.59c-2.186-.033-6.353 2.17-6.353 6.32c0 5.008 4.368 6.364 6.353 6.385v1.588c-2.874.01-7.941-2.223-7.941-7.973"/></g></svg> </template>
CSS
.icon-loc {
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%3Cpath%20fill%3D%22%23b6b6b6%22%20d%3D%22M13.535%2010.13c.926%200%201.482.716%201.641%201.076h-.741a1.11%201.11%200%200%200-.905-.44c-1.075.048-1.266%201.011-1.202%201.488a4.5%204.5%200%200%201-.566-.826c.052-.212.603-1.297%201.768-1.297z%22%2F%3E%3Cpath%20fill%3D%22%23b6b6b6%22%20d%3D%22M13.588%2013.227c.524%200%20.794-.318.863-.46h.725c-.164.476-.842%201.032-1.535%201.095a1.86%201.86%200%200%201-1.181-.307a4.6%204.6%200%200%201-1.324-1.61c-.492-.926-1.058-1.19-1.503-1.19c-.858%200-1.286.773-1.244%201.19c0%201.023.847%201.282%201.323%201.282c.932-.058%201.165-1.022%201.102-1.392l.503.804a1.855%201.855%200%200%201-1.684%201.218c-.694-.005-1.869-.535-1.869-1.911c0-1.128.953-1.805%201.869-1.805c.98%200%201.662.74%201.985%201.387c.26.518.715%201.043.91%201.239c.133.164.53.46%201.06.46%22%2F%3E%3Cpath%20fill%3D%22%23a2c5bf%22%20d%3D%22M20.471%2012c-.339-7.174-6.115-8.99-9-9v2.647c4.96.17%206.321%204.368%206.353%206.353z%22%2F%3E%3Cpath%20fill%3D%22%23243a45%22%20d%3D%22M20.471%2012c-.339%207.173-6.115%208.99-9%209v-2.647c4.96-.17%206.321-4.368%206.353-6.353z%22%2F%3E%3Cpath%20fill%3D%22%232d7cf2%22%20d%3D%22M3.529%2011.968c0-5.897%205.554-7.967%207.941-7.91v1.59c-2.186-.033-6.353%202.17-6.353%206.32c0%205.008%204.368%206.364%206.353%206.385v1.588c-2.874.01-7.941-2.223-7.941-7.973%22%2F%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%3Cpath%20fill%3D%22%23b6b6b6%22%20d%3D%22M13.535%2010.13c.926%200%201.482.716%201.641%201.076h-.741a1.11%201.11%200%200%200-.905-.44c-1.075.048-1.266%201.011-1.202%201.488a4.5%204.5%200%200%201-.566-.826c.052-.212.603-1.297%201.768-1.297z%22%2F%3E%3Cpath%20fill%3D%22%23b6b6b6%22%20d%3D%22M13.588%2013.227c.524%200%20.794-.318.863-.46h.725c-.164.476-.842%201.032-1.535%201.095a1.86%201.86%200%200%201-1.181-.307a4.6%204.6%200%200%201-1.324-1.61c-.492-.926-1.058-1.19-1.503-1.19c-.858%200-1.286.773-1.244%201.19c0%201.023.847%201.282%201.323%201.282c.932-.058%201.165-1.022%201.102-1.392l.503.804a1.855%201.855%200%200%201-1.684%201.218c-.694-.005-1.869-.535-1.869-1.911c0-1.128.953-1.805%201.869-1.805c.98%200%201.662.74%201.985%201.387c.26.518.715%201.043.91%201.239c.133.164.53.46%201.06.46%22%2F%3E%3Cpath%20fill%3D%22%23a2c5bf%22%20d%3D%22M20.471%2012c-.339-7.174-6.115-8.99-9-9v2.647c4.96.17%206.321%204.368%206.353%206.353z%22%2F%3E%3Cpath%20fill%3D%22%23243a45%22%20d%3D%22M20.471%2012c-.339%207.173-6.115%208.99-9%209v-2.647c4.96-.17%206.321-4.368%206.353-6.353z%22%2F%3E%3Cpath%20fill%3D%22%232d7cf2%22%20d%3D%22M3.529%2011.968c0-5.897%205.554-7.967%207.941-7.91v1.59c-2.186-.033-6.353%202.17-6.353%206.32c0%205.008%204.368%206.364%206.353%206.385v1.588c-2.874.01-7.941-2.223-7.941-7.973%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/loc.svg?color=%231a73e8&size=48
