loc logo
loc-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- loc-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
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"><g clip-path="url(#SVGHcSWxdhd142)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#b6b6b6" d="M13.364 10.339c.824 0 1.318.635 1.459.955h-.659a.99.99 0 0 0-.804-.39c-.956.042-1.125.898-1.069 1.322a4 4 0 0 1-.503-.734c.047-.188.536-1.153 1.572-1.153z"/><path fill="#b6b6b6" d="M13.411 13.091c.466 0 .706-.282.767-.41h.645c-.146.424-.748.918-1.365.975c-.37.03-.74-.067-1.049-.273c-.497-.38-.9-.87-1.177-1.43c-.437-.824-.94-1.06-1.336-1.06c-.762 0-1.143.688-1.106 1.06c0 .908.753 1.138 1.177 1.138c.828-.052 1.035-.908.978-1.237l.448.715a1.65 1.65 0 0 1-1.497 1.082c-.616-.005-1.661-.475-1.661-1.699c0-1.002.847-1.604 1.661-1.604c.87 0 1.478.659 1.765 1.233c.23.46.635.927.81 1.1c.117.147.47.41.94.41"/><path fill="#a2c5bf" d="M19.53 12c-.301-6.376-5.435-7.99-8-8v2.353c4.41.15 5.619 3.882 5.647 5.647z"/><path fill="#243a45" d="M19.53 12c-.301 6.376-5.435 7.99-8 8v-2.353c4.41-.15 5.619-3.882 5.647-5.647z"/><path fill="#2d7cf2" d="M4.47 11.972c0-5.242 4.937-7.082 7.059-7.03v1.411c-1.943-.028-5.647 1.93-5.647 5.62c0 4.45 3.882 5.656 5.647 5.674v1.412c-2.555.01-7.059-1.976-7.059-7.087"/></g><defs><clipPath id="SVGHcSWxdhd142"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedLocBackground(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(#SVGHcSWxdhd142)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#b6b6b6" d="M13.364 10.339c.824 0 1.318.635 1.459.955h-.659a.99.99 0 0 0-.804-.39c-.956.042-1.125.898-1.069 1.322a4 4 0 0 1-.503-.734c.047-.188.536-1.153 1.572-1.153z"/><path fill="#b6b6b6" d="M13.411 13.091c.466 0 .706-.282.767-.41h.645c-.146.424-.748.918-1.365.975c-.37.03-.74-.067-1.049-.273c-.497-.38-.9-.87-1.177-1.43c-.437-.824-.94-1.06-1.336-1.06c-.762 0-1.143.688-1.106 1.06c0 .908.753 1.138 1.177 1.138c.828-.052 1.035-.908.978-1.237l.448.715a1.65 1.65 0 0 1-1.497 1.082c-.616-.005-1.661-.475-1.661-1.699c0-1.002.847-1.604 1.661-1.604c.87 0 1.478.659 1.765 1.233c.23.46.635.927.81 1.1c.117.147.47.41.94.41"/><path fill="#a2c5bf" d="M19.53 12c-.301-6.376-5.435-7.99-8-8v2.353c4.41.15 5.619 3.882 5.647 5.647z"/><path fill="#243a45" d="M19.53 12c-.301 6.376-5.435 7.99-8 8v-2.353c4.41-.15 5.619-3.882 5.647-5.647z"/><path fill="#2d7cf2" d="M4.47 11.972c0-5.242 4.937-7.082 7.059-7.03v1.411c-1.943-.028-5.647 1.93-5.647 5.62c0 4.45 3.882 5.656 5.647 5.674v1.412c-2.555.01-7.059-1.976-7.059-7.087"/></g><defs><clipPath id="SVGHcSWxdhd142"><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(#SVGHcSWxdhd142)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#b6b6b6" d="M13.364 10.339c.824 0 1.318.635 1.459.955h-.659a.99.99 0 0 0-.804-.39c-.956.042-1.125.898-1.069 1.322a4 4 0 0 1-.503-.734c.047-.188.536-1.153 1.572-1.153z"/><path fill="#b6b6b6" d="M13.411 13.091c.466 0 .706-.282.767-.41h.645c-.146.424-.748.918-1.365.975c-.37.03-.74-.067-1.049-.273c-.497-.38-.9-.87-1.177-1.43c-.437-.824-.94-1.06-1.336-1.06c-.762 0-1.143.688-1.106 1.06c0 .908.753 1.138 1.177 1.138c.828-.052 1.035-.908.978-1.237l.448.715a1.65 1.65 0 0 1-1.497 1.082c-.616-.005-1.661-.475-1.661-1.699c0-1.002.847-1.604 1.661-1.604c.87 0 1.478.659 1.765 1.233c.23.46.635.927.81 1.1c.117.147.47.41.94.41"/><path fill="#a2c5bf" d="M19.53 12c-.301-6.376-5.435-7.99-8-8v2.353c4.41.15 5.619 3.882 5.647 5.647z"/><path fill="#243a45" d="M19.53 12c-.301 6.376-5.435 7.99-8 8v-2.353c4.41-.15 5.619-3.882 5.647-5.647z"/><path fill="#2d7cf2" d="M4.47 11.972c0-5.242 4.937-7.082 7.059-7.03v1.411c-1.943-.028-5.647 1.93-5.647 5.62c0 4.45 3.882 5.656 5.647 5.674v1.412c-2.555.01-7.059-1.976-7.059-7.087"/></g><defs><clipPath id="SVGHcSWxdhd142"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-loc-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(%23SVGHcSWxdhd142)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23b6b6b6%22%20d%3D%22M13.364%2010.339c.824%200%201.318.635%201.459.955h-.659a.99.99%200%200%200-.804-.39c-.956.042-1.125.898-1.069%201.322a4%204%200%200%201-.503-.734c.047-.188.536-1.153%201.572-1.153z%22%2F%3E%3Cpath%20fill%3D%22%23b6b6b6%22%20d%3D%22M13.411%2013.091c.466%200%20.706-.282.767-.41h.645c-.146.424-.748.918-1.365.975c-.37.03-.74-.067-1.049-.273c-.497-.38-.9-.87-1.177-1.43c-.437-.824-.94-1.06-1.336-1.06c-.762%200-1.143.688-1.106%201.06c0%20.908.753%201.138%201.177%201.138c.828-.052%201.035-.908.978-1.237l.448.715a1.65%201.65%200%200%201-1.497%201.082c-.616-.005-1.661-.475-1.661-1.699c0-1.002.847-1.604%201.661-1.604c.87%200%201.478.659%201.765%201.233c.23.46.635.927.81%201.1c.117.147.47.41.94.41%22%2F%3E%3Cpath%20fill%3D%22%23a2c5bf%22%20d%3D%22M19.53%2012c-.301-6.376-5.435-7.99-8-8v2.353c4.41.15%205.619%203.882%205.647%205.647z%22%2F%3E%3Cpath%20fill%3D%22%23243a45%22%20d%3D%22M19.53%2012c-.301%206.376-5.435%207.99-8%208v-2.353c4.41-.15%205.619-3.882%205.647-5.647z%22%2F%3E%3Cpath%20fill%3D%22%232d7cf2%22%20d%3D%22M4.47%2011.972c0-5.242%204.937-7.082%207.059-7.03v1.411c-1.943-.028-5.647%201.93-5.647%205.62c0%204.45%203.882%205.656%205.647%205.674v1.412c-2.555.01-7.059-1.976-7.059-7.087%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd142%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(%23SVGHcSWxdhd142)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23b6b6b6%22%20d%3D%22M13.364%2010.339c.824%200%201.318.635%201.459.955h-.659a.99.99%200%200%200-.804-.39c-.956.042-1.125.898-1.069%201.322a4%204%200%200%201-.503-.734c.047-.188.536-1.153%201.572-1.153z%22%2F%3E%3Cpath%20fill%3D%22%23b6b6b6%22%20d%3D%22M13.411%2013.091c.466%200%20.706-.282.767-.41h.645c-.146.424-.748.918-1.365.975c-.37.03-.74-.067-1.049-.273c-.497-.38-.9-.87-1.177-1.43c-.437-.824-.94-1.06-1.336-1.06c-.762%200-1.143.688-1.106%201.06c0%20.908.753%201.138%201.177%201.138c.828-.052%201.035-.908.978-1.237l.448.715a1.65%201.65%200%200%201-1.497%201.082c-.616-.005-1.661-.475-1.661-1.699c0-1.002.847-1.604%201.661-1.604c.87%200%201.478.659%201.765%201.233c.23.46.635.927.81%201.1c.117.147.47.41.94.41%22%2F%3E%3Cpath%20fill%3D%22%23a2c5bf%22%20d%3D%22M19.53%2012c-.301-6.376-5.435-7.99-8-8v2.353c4.41.15%205.619%203.882%205.647%205.647z%22%2F%3E%3Cpath%20fill%3D%22%23243a45%22%20d%3D%22M19.53%2012c-.301%206.376-5.435%207.99-8%208v-2.353c4.41-.15%205.619-3.882%205.647-5.647z%22%2F%3E%3Cpath%20fill%3D%22%232d7cf2%22%20d%3D%22M4.47%2011.972c0-5.242%204.937-7.082%207.059-7.03v1.411c-1.943-.028-5.647%201.93-5.647%205.62c0%204.45%203.882%205.656%205.647%205.674v1.412c-2.555.01-7.059-1.976-7.059-7.087%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd142%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/loc-background.svg?color=%231a73e8&size=48
