lon logo
lon-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- lon-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 lon 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(#SVGHcSWxdhd75)"><path fill="url(#SVGgJDj2RwC)" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M12.048 4q-.43 0-.859.047C7.148 4.473 4 7.872 4 12.001c0 4.418 3.602 8 8.048 7.999h.018a8.04 8.04 0 0 0 3.68-.893c.325-.168.184-.657-.181-.646h-.015c-3.218.08-6.22-1.307-7.397-3.815c-.604-1.283-.826-2.326-.315-3.978c.169-.677.568-1.306 1.034-1.792q.053-.064.115-.121a1 1 0 0 1 .084-.076l.034-.034c.011-.008.018-.016.03-.024a.4.4 0 0 1 .067-.054c.794-.643 1.777-1.07 2.8-1.067c2.4 0 4.499 1.96 4.499 4.262c0 .791-.364 1.622-.804 2.282c1.92-.658 3.28-2.492 3.28-4.56a4.62 4.62 0 0 0-1.188-3.086a8 8 0 0 0-1.006-.867l-.003-.003A8.04 8.04 0 0 0 12.061 4z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M18.935 9.505a4.76 4.76 0 0 1-3.138 4.486a4.73 4.73 0 0 1-5.721-2.117c-.2-.349-.357-.943-.464-1.448a.557.557 0 0 0-1.004-.2c-.417.603-.415 1.507-.343 2.2q0 .01.003.02q.038.378.135.745q.117.482.323.935c1 2.236 3.255 3.66 6.21 3.42c.291-.024.569-.113.855-.172c2.438-.512 4.194-2.713 4.209-5.305c0-2.08-.774-4.125-2.203-5.645a4.75 4.75 0 0 1 1.138 3.08" clip-rule="evenodd"/></g><defs><linearGradient id="SVGgJDj2RwC" x1="4.005" x2="20.004" y1="20.065" y2="20.065" gradientUnits="userSpaceOnUse"><stop stop-color="#2d2d4b"/><stop offset="1" stop-color="#1d1d3a"/></linearGradient><clipPath id="SVGHcSWxdhd75"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedLonBackground(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(#SVGHcSWxdhd75)"><path fill="url(#SVGgJDj2RwC)" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M12.048 4q-.43 0-.859.047C7.148 4.473 4 7.872 4 12.001c0 4.418 3.602 8 8.048 7.999h.018a8.04 8.04 0 0 0 3.68-.893c.325-.168.184-.657-.181-.646h-.015c-3.218.08-6.22-1.307-7.397-3.815c-.604-1.283-.826-2.326-.315-3.978c.169-.677.568-1.306 1.034-1.792q.053-.064.115-.121a1 1 0 0 1 .084-.076l.034-.034c.011-.008.018-.016.03-.024a.4.4 0 0 1 .067-.054c.794-.643 1.777-1.07 2.8-1.067c2.4 0 4.499 1.96 4.499 4.262c0 .791-.364 1.622-.804 2.282c1.92-.658 3.28-2.492 3.28-4.56a4.62 4.62 0 0 0-1.188-3.086a8 8 0 0 0-1.006-.867l-.003-.003A8.04 8.04 0 0 0 12.061 4z" clipRule="evenodd"/><path fill="#fff" fillRule="evenodd" d="M18.935 9.505a4.76 4.76 0 0 1-3.138 4.486a4.73 4.73 0 0 1-5.721-2.117c-.2-.349-.357-.943-.464-1.448a.557.557 0 0 0-1.004-.2c-.417.603-.415 1.507-.343 2.2q0 .01.003.02q.038.378.135.745q.117.482.323.935c1 2.236 3.255 3.66 6.21 3.42c.291-.024.569-.113.855-.172c2.438-.512 4.194-2.713 4.209-5.305c0-2.08-.774-4.125-2.203-5.645a4.75 4.75 0 0 1 1.138 3.08" clipRule="evenodd"/></g><defs><linearGradient id="SVGgJDj2RwC" x1="4.005" x2="20.004" y1="20.065" y2="20.065" gradientUnits="userSpaceOnUse"><stop stopColor="#2d2d4b"/><stop offset="1" stopColor="#1d1d3a"/></linearGradient><clipPath id="SVGHcSWxdhd75"><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(#SVGHcSWxdhd75)"><path fill="url(#SVGgJDj2RwC)" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M12.048 4q-.43 0-.859.047C7.148 4.473 4 7.872 4 12.001c0 4.418 3.602 8 8.048 7.999h.018a8.04 8.04 0 0 0 3.68-.893c.325-.168.184-.657-.181-.646h-.015c-3.218.08-6.22-1.307-7.397-3.815c-.604-1.283-.826-2.326-.315-3.978c.169-.677.568-1.306 1.034-1.792q.053-.064.115-.121a1 1 0 0 1 .084-.076l.034-.034c.011-.008.018-.016.03-.024a.4.4 0 0 1 .067-.054c.794-.643 1.777-1.07 2.8-1.067c2.4 0 4.499 1.96 4.499 4.262c0 .791-.364 1.622-.804 2.282c1.92-.658 3.28-2.492 3.28-4.56a4.62 4.62 0 0 0-1.188-3.086a8 8 0 0 0-1.006-.867l-.003-.003A8.04 8.04 0 0 0 12.061 4z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M18.935 9.505a4.76 4.76 0 0 1-3.138 4.486a4.73 4.73 0 0 1-5.721-2.117c-.2-.349-.357-.943-.464-1.448a.557.557 0 0 0-1.004-.2c-.417.603-.415 1.507-.343 2.2q0 .01.003.02q.038.378.135.745q.117.482.323.935c1 2.236 3.255 3.66 6.21 3.42c.291-.024.569-.113.855-.172c2.438-.512 4.194-2.713 4.209-5.305c0-2.08-.774-4.125-2.203-5.645a4.75 4.75 0 0 1 1.138 3.08" clip-rule="evenodd"/></g><defs><linearGradient id="SVGgJDj2RwC" x1="4.005" x2="20.004" y1="20.065" y2="20.065" gradientUnits="userSpaceOnUse"><stop stop-color="#2d2d4b"/><stop offset="1" stop-color="#1d1d3a"/></linearGradient><clipPath id="SVGHcSWxdhd75"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-lon-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(%23SVGHcSWxdhd75)%22%3E%3Cpath%20fill%3D%22url(%23SVGgJDj2RwC)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.048%204q-.43%200-.859.047C7.148%204.473%204%207.872%204%2012.001c0%204.418%203.602%208%208.048%207.999h.018a8.04%208.04%200%200%200%203.68-.893c.325-.168.184-.657-.181-.646h-.015c-3.218.08-6.22-1.307-7.397-3.815c-.604-1.283-.826-2.326-.315-3.978c.169-.677.568-1.306%201.034-1.792q.053-.064.115-.121a1%201%200%200%201%20.084-.076l.034-.034c.011-.008.018-.016.03-.024a.4.4%200%200%201%20.067-.054c.794-.643%201.777-1.07%202.8-1.067c2.4%200%204.499%201.96%204.499%204.262c0%20.791-.364%201.622-.804%202.282c1.92-.658%203.28-2.492%203.28-4.56a4.62%204.62%200%200%200-1.188-3.086a8%208%200%200%200-1.006-.867l-.003-.003A8.04%208.04%200%200%200%2012.061%204z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.935%209.505a4.76%204.76%200%200%201-3.138%204.486a4.73%204.73%200%200%201-5.721-2.117c-.2-.349-.357-.943-.464-1.448a.557.557%200%200%200-1.004-.2c-.417.603-.415%201.507-.343%202.2q0%20.01.003.02q.038.378.135.745q.117.482.323.935c1%202.236%203.255%203.66%206.21%203.42c.291-.024.569-.113.855-.172c2.438-.512%204.194-2.713%204.209-5.305c0-2.08-.774-4.125-2.203-5.645a4.75%204.75%200%200%201%201.138%203.08%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGgJDj2RwC%22%20x1%3D%224.005%22%20x2%3D%2220.004%22%20y1%3D%2220.065%22%20y2%3D%2220.065%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%232d2d4b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231d1d3a%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd75%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(%23SVGHcSWxdhd75)%22%3E%3Cpath%20fill%3D%22url(%23SVGgJDj2RwC)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.048%204q-.43%200-.859.047C7.148%204.473%204%207.872%204%2012.001c0%204.418%203.602%208%208.048%207.999h.018a8.04%208.04%200%200%200%203.68-.893c.325-.168.184-.657-.181-.646h-.015c-3.218.08-6.22-1.307-7.397-3.815c-.604-1.283-.826-2.326-.315-3.978c.169-.677.568-1.306%201.034-1.792q.053-.064.115-.121a1%201%200%200%201%20.084-.076l.034-.034c.011-.008.018-.016.03-.024a.4.4%200%200%201%20.067-.054c.794-.643%201.777-1.07%202.8-1.067c2.4%200%204.499%201.96%204.499%204.262c0%20.791-.364%201.622-.804%202.282c1.92-.658%203.28-2.492%203.28-4.56a4.62%204.62%200%200%200-1.188-3.086a8%208%200%200%200-1.006-.867l-.003-.003A8.04%208.04%200%200%200%2012.061%204z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.935%209.505a4.76%204.76%200%200%201-3.138%204.486a4.73%204.73%200%200%201-5.721-2.117c-.2-.349-.357-.943-.464-1.448a.557.557%200%200%200-1.004-.2c-.417.603-.415%201.507-.343%202.2q0%20.01.003.02q.038.378.135.745q.117.482.323.935c1%202.236%203.255%203.66%206.21%203.42c.291-.024.569-.113.855-.172c2.438-.512%204.194-2.713%204.209-5.305c0-2.08-.774-4.125-2.203-5.645a4.75%204.75%200%200%201%201.138%203.08%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGgJDj2RwC%22%20x1%3D%224.005%22%20x2%3D%2220.004%22%20y1%3D%2220.065%22%20y2%3D%2220.065%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%232d2d4b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231d1d3a%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd75%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/lon-background.svg?color=%231a73e8&size=48
