loc logo
loc from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- loc
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
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"><path fill="currentColor" 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="currentColor" d="M13.588 13.227c.524 0 .794-.318.863-.46h.725c-.164.476-.841 1.032-1.535 1.095a1.86 1.86 0 0 1-1.18-.307a4.6 4.6 0 0 1-1.324-1.61c-.492-.926-1.059-1.19-1.504-1.19c-.857 0-1.286.773-1.244 1.19c0 1.023.847 1.282 1.324 1.282c.932-.058 1.165-1.022 1.101-1.392l.503.804a1.85 1.85 0 0 1-1.684 1.218c-.693-.005-1.868-.535-1.868-1.911c0-1.128.953-1.805 1.868-1.805c.98 0 1.663.74 1.986 1.387c.26.518.715 1.042.91 1.239c.133.164.53.46 1.06.46M20.47 12c-.338-7.174-6.114-8.99-9-9v2.647c4.961.17 6.322 4.368 6.353 6.353zm0 0c-.338 7.173-6.114 8.99-9 9v-2.647c4.961-.17 6.322-4.368 6.353-6.353z"/><path fill="currentColor" d="M3.53 11.967c0-5.897 5.553-7.967 7.94-7.91v1.59c-2.186-.033-6.352 2.17-6.352 6.32c0 5.008 4.367 6.364 6.353 6.385v1.588c-2.875.01-7.941-2.223-7.941-7.973"/></svg>
React
import type { SVGProps } from "react";
export function TokenLoc(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="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="currentColor" d="M13.588 13.227c.524 0 .794-.318.863-.46h.725c-.164.476-.841 1.032-1.535 1.095a1.86 1.86 0 0 1-1.18-.307a4.6 4.6 0 0 1-1.324-1.61c-.492-.926-1.059-1.19-1.504-1.19c-.857 0-1.286.773-1.244 1.19c0 1.023.847 1.282 1.324 1.282c.932-.058 1.165-1.022 1.101-1.392l.503.804a1.85 1.85 0 0 1-1.684 1.218c-.693-.005-1.868-.535-1.868-1.911c0-1.128.953-1.805 1.868-1.805c.98 0 1.663.74 1.986 1.387c.26.518.715 1.042.91 1.239c.133.164.53.46 1.06.46M20.47 12c-.338-7.174-6.114-8.99-9-9v2.647c4.961.17 6.322 4.368 6.353 6.353zm0 0c-.338 7.173-6.114 8.99-9 9v-2.647c4.961-.17 6.322-4.368 6.353-6.353z"/><path fill="currentColor" d="M3.53 11.967c0-5.897 5.553-7.967 7.94-7.91v1.59c-2.186-.033-6.352 2.17-6.352 6.32c0 5.008 4.367 6.364 6.353 6.385v1.588c-2.875.01-7.941-2.223-7.941-7.973"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" 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="currentColor" d="M13.588 13.227c.524 0 .794-.318.863-.46h.725c-.164.476-.841 1.032-1.535 1.095a1.86 1.86 0 0 1-1.18-.307a4.6 4.6 0 0 1-1.324-1.61c-.492-.926-1.059-1.19-1.504-1.19c-.857 0-1.286.773-1.244 1.19c0 1.023.847 1.282 1.324 1.282c.932-.058 1.165-1.022 1.101-1.392l.503.804a1.85 1.85 0 0 1-1.684 1.218c-.693-.005-1.868-.535-1.868-1.911c0-1.128.953-1.805 1.868-1.805c.98 0 1.663.74 1.986 1.387c.26.518.715 1.042.91 1.239c.133.164.53.46 1.06.46M20.47 12c-.338-7.174-6.114-8.99-9-9v2.647c4.961.17 6.322 4.368 6.353 6.353zm0 0c-.338 7.173-6.114 8.99-9 9v-2.647c4.961-.17 6.322-4.368 6.353-6.353z"/><path fill="currentColor" d="M3.53 11.967c0-5.897 5.553-7.967 7.94-7.91v1.59c-2.186-.033-6.352 2.17-6.352 6.32c0 5.008 4.367 6.364 6.353 6.385v1.588c-2.875.01-7.941-2.223-7.941-7.973"/></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%3Cpath%20fill%3D%22currentColor%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%22currentColor%22%20d%3D%22M13.588%2013.227c.524%200%20.794-.318.863-.46h.725c-.164.476-.841%201.032-1.535%201.095a1.86%201.86%200%200%201-1.18-.307a4.6%204.6%200%200%201-1.324-1.61c-.492-.926-1.059-1.19-1.504-1.19c-.857%200-1.286.773-1.244%201.19c0%201.023.847%201.282%201.324%201.282c.932-.058%201.165-1.022%201.101-1.392l.503.804a1.85%201.85%200%200%201-1.684%201.218c-.693-.005-1.868-.535-1.868-1.911c0-1.128.953-1.805%201.868-1.805c.98%200%201.663.74%201.986%201.387c.26.518.715%201.042.91%201.239c.133.164.53.46%201.06.46M20.47%2012c-.338-7.174-6.114-8.99-9-9v2.647c4.961.17%206.322%204.368%206.353%206.353zm0%200c-.338%207.173-6.114%208.99-9%209v-2.647c4.961-.17%206.322-4.368%206.353-6.353z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.53%2011.967c0-5.897%205.553-7.967%207.94-7.91v1.59c-2.186-.033-6.352%202.17-6.352%206.32c0%205.008%204.367%206.364%206.353%206.385v1.588c-2.875.01-7.941-2.223-7.941-7.973%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%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%22currentColor%22%20d%3D%22M13.588%2013.227c.524%200%20.794-.318.863-.46h.725c-.164.476-.841%201.032-1.535%201.095a1.86%201.86%200%200%201-1.18-.307a4.6%204.6%200%200%201-1.324-1.61c-.492-.926-1.059-1.19-1.504-1.19c-.857%200-1.286.773-1.244%201.19c0%201.023.847%201.282%201.324%201.282c.932-.058%201.165-1.022%201.101-1.392l.503.804a1.85%201.85%200%200%201-1.684%201.218c-.693-.005-1.868-.535-1.868-1.911c0-1.128.953-1.805%201.868-1.805c.98%200%201.663.74%201.986%201.387c.26.518.715%201.042.91%201.239c.133.164.53.46%201.06.46M20.47%2012c-.338-7.174-6.114-8.99-9-9v2.647c4.961.17%206.322%204.368%206.353%206.353zm0%200c-.338%207.173-6.114%208.99-9%209v-2.647c4.961-.17%206.322-4.368%206.353-6.353z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.53%2011.967c0-5.897%205.553-7.967%207.94-7.91v1.59c-2.186-.033-6.352%202.17-6.352%206.32c0%205.008%204.367%206.364%206.353%206.385v1.588c-2.875.01-7.941-2.223-7.941-7.973%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/loc.svg?color=%231a73e8&size=48
