lon logo
lon from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- lon
- 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 lon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGn1ouBIPn)" fill-rule="evenodd" d="M12.053 3.001q-.485 0-.966.053C6.541 3.534 3 7.357 3 12.002C3 16.972 7.052 21 12.053 21h.02a9.05 9.05 0 0 0 4.14-1.006c.366-.189.208-.738-.203-.726h-.017c-3.62.091-6.997-1.47-8.321-4.29c-.68-1.444-.93-2.618-.354-4.476c.19-.762.639-1.47 1.163-2.016q.06-.072.129-.136q.045-.047.094-.086l.04-.037l.032-.027a.5.5 0 0 1 .076-.062c.893-.722 2-1.204 3.15-1.2c2.7 0 5.06 2.205 5.06 4.795c0 .89-.408 1.825-.903 2.567c2.159-.74 3.689-2.804 3.688-5.13a5.2 5.2 0 0 0-1.335-3.47a9 9 0 0 0-1.132-.977l-.003-.003a9.04 9.04 0 0 0-5.308-1.719z" clip-rule="evenodd"/><path fill="url(#SVGC27BUdZr)" fill-rule="evenodd" d="M19.802 9.194a5.36 5.36 0 0 1-3.53 5.047a5.324 5.324 0 0 1-6.436-2.38c-.225-.394-.402-1.062-.522-1.63a.627.627 0 0 0-1.13-.225c-.469.678-.467 1.695-.385 2.474q0 .012.003.024q.042.424.152.837q.132.543.363 1.052c1.126 2.515 3.663 4.116 6.986 3.847c.328-.027.64-.127.963-.193c2.741-.576 4.717-3.052 4.734-5.968c0-2.34-.87-4.64-2.478-6.35a5.34 5.34 0 0 1 1.28 3.465" clip-rule="evenodd"/><defs><linearGradient id="SVGn1ouBIPn" x1="3.005" x2="21.004" y1="21.074" y2="21.074" gradientUnits="userSpaceOnUse"><stop stop-color="#2d2d4b"/><stop offset="1" stop-color="#1d1d3a"/></linearGradient><linearGradient id="SVGC27BUdZr" x1="7.77" x2="21" y1="18.216" y2="18.216" gradientUnits="userSpaceOnUse"><stop stop-color="#858eb7"/><stop offset="1" stop-color="#705e94"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedLon(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="url(#SVGn1ouBIPn)" fillRule="evenodd" d="M12.053 3.001q-.485 0-.966.053C6.541 3.534 3 7.357 3 12.002C3 16.972 7.052 21 12.053 21h.02a9.05 9.05 0 0 0 4.14-1.006c.366-.189.208-.738-.203-.726h-.017c-3.62.091-6.997-1.47-8.321-4.29c-.68-1.444-.93-2.618-.354-4.476c.19-.762.639-1.47 1.163-2.016q.06-.072.129-.136q.045-.047.094-.086l.04-.037l.032-.027a.5.5 0 0 1 .076-.062c.893-.722 2-1.204 3.15-1.2c2.7 0 5.06 2.205 5.06 4.795c0 .89-.408 1.825-.903 2.567c2.159-.74 3.689-2.804 3.688-5.13a5.2 5.2 0 0 0-1.335-3.47a9 9 0 0 0-1.132-.977l-.003-.003a9.04 9.04 0 0 0-5.308-1.719z" clipRule="evenodd"/><path fill="url(#SVGC27BUdZr)" fillRule="evenodd" d="M19.802 9.194a5.36 5.36 0 0 1-3.53 5.047a5.324 5.324 0 0 1-6.436-2.38c-.225-.394-.402-1.062-.522-1.63a.627.627 0 0 0-1.13-.225c-.469.678-.467 1.695-.385 2.474q0 .012.003.024q.042.424.152.837q.132.543.363 1.052c1.126 2.515 3.663 4.116 6.986 3.847c.328-.027.64-.127.963-.193c2.741-.576 4.717-3.052 4.734-5.968c0-2.34-.87-4.64-2.478-6.35a5.34 5.34 0 0 1 1.28 3.465" clipRule="evenodd"/><defs><linearGradient id="SVGn1ouBIPn" x1="3.005" x2="21.004" y1="21.074" y2="21.074" gradientUnits="userSpaceOnUse"><stop stopColor="#2d2d4b"/><stop offset="1" stopColor="#1d1d3a"/></linearGradient><linearGradient id="SVGC27BUdZr" x1="7.77" x2="21" y1="18.216" y2="18.216" gradientUnits="userSpaceOnUse"><stop stopColor="#858eb7"/><stop offset="1" stopColor="#705e94"/></linearGradient></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"><path fill="url(#SVGn1ouBIPn)" fill-rule="evenodd" d="M12.053 3.001q-.485 0-.966.053C6.541 3.534 3 7.357 3 12.002C3 16.972 7.052 21 12.053 21h.02a9.05 9.05 0 0 0 4.14-1.006c.366-.189.208-.738-.203-.726h-.017c-3.62.091-6.997-1.47-8.321-4.29c-.68-1.444-.93-2.618-.354-4.476c.19-.762.639-1.47 1.163-2.016q.06-.072.129-.136q.045-.047.094-.086l.04-.037l.032-.027a.5.5 0 0 1 .076-.062c.893-.722 2-1.204 3.15-1.2c2.7 0 5.06 2.205 5.06 4.795c0 .89-.408 1.825-.903 2.567c2.159-.74 3.689-2.804 3.688-5.13a5.2 5.2 0 0 0-1.335-3.47a9 9 0 0 0-1.132-.977l-.003-.003a9.04 9.04 0 0 0-5.308-1.719z" clip-rule="evenodd"/><path fill="url(#SVGC27BUdZr)" fill-rule="evenodd" d="M19.802 9.194a5.36 5.36 0 0 1-3.53 5.047a5.324 5.324 0 0 1-6.436-2.38c-.225-.394-.402-1.062-.522-1.63a.627.627 0 0 0-1.13-.225c-.469.678-.467 1.695-.385 2.474q0 .012.003.024q.042.424.152.837q.132.543.363 1.052c1.126 2.515 3.663 4.116 6.986 3.847c.328-.027.64-.127.963-.193c2.741-.576 4.717-3.052 4.734-5.968c0-2.34-.87-4.64-2.478-6.35a5.34 5.34 0 0 1 1.28 3.465" clip-rule="evenodd"/><defs><linearGradient id="SVGn1ouBIPn" x1="3.005" x2="21.004" y1="21.074" y2="21.074" gradientUnits="userSpaceOnUse"><stop stop-color="#2d2d4b"/><stop offset="1" stop-color="#1d1d3a"/></linearGradient><linearGradient id="SVGC27BUdZr" x1="7.77" x2="21" y1="18.216" y2="18.216" gradientUnits="userSpaceOnUse"><stop stop-color="#858eb7"/><stop offset="1" stop-color="#705e94"/></linearGradient></defs></g></svg> </template>
CSS
.icon-lon {
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%22url(%23SVGn1ouBIPn)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.053%203.001q-.485%200-.966.053C6.541%203.534%203%207.357%203%2012.002C3%2016.972%207.052%2021%2012.053%2021h.02a9.05%209.05%200%200%200%204.14-1.006c.366-.189.208-.738-.203-.726h-.017c-3.62.091-6.997-1.47-8.321-4.29c-.68-1.444-.93-2.618-.354-4.476c.19-.762.639-1.47%201.163-2.016q.06-.072.129-.136q.045-.047.094-.086l.04-.037l.032-.027a.5.5%200%200%201%20.076-.062c.893-.722%202-1.204%203.15-1.2c2.7%200%205.06%202.205%205.06%204.795c0%20.89-.408%201.825-.903%202.567c2.159-.74%203.689-2.804%203.688-5.13a5.2%205.2%200%200%200-1.335-3.47a9%209%200%200%200-1.132-.977l-.003-.003a9.04%209.04%200%200%200-5.308-1.719z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGC27BUdZr)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M19.802%209.194a5.36%205.36%200%200%201-3.53%205.047a5.324%205.324%200%200%201-6.436-2.38c-.225-.394-.402-1.062-.522-1.63a.627.627%200%200%200-1.13-.225c-.469.678-.467%201.695-.385%202.474q0%20.012.003.024q.042.424.152.837q.132.543.363%201.052c1.126%202.515%203.663%204.116%206.986%203.847c.328-.027.64-.127.963-.193c2.741-.576%204.717-3.052%204.734-5.968c0-2.34-.87-4.64-2.478-6.35a5.34%205.34%200%200%201%201.28%203.465%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGn1ouBIPn%22%20x1%3D%223.005%22%20x2%3D%2221.004%22%20y1%3D%2221.074%22%20y2%3D%2221.074%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%3ClinearGradient%20id%3D%22SVGC27BUdZr%22%20x1%3D%227.77%22%20x2%3D%2221%22%20y1%3D%2218.216%22%20y2%3D%2218.216%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23858eb7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23705e94%22%2F%3E%3C%2FlinearGradient%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%3Cpath%20fill%3D%22url(%23SVGn1ouBIPn)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.053%203.001q-.485%200-.966.053C6.541%203.534%203%207.357%203%2012.002C3%2016.972%207.052%2021%2012.053%2021h.02a9.05%209.05%200%200%200%204.14-1.006c.366-.189.208-.738-.203-.726h-.017c-3.62.091-6.997-1.47-8.321-4.29c-.68-1.444-.93-2.618-.354-4.476c.19-.762.639-1.47%201.163-2.016q.06-.072.129-.136q.045-.047.094-.086l.04-.037l.032-.027a.5.5%200%200%201%20.076-.062c.893-.722%202-1.204%203.15-1.2c2.7%200%205.06%202.205%205.06%204.795c0%20.89-.408%201.825-.903%202.567c2.159-.74%203.689-2.804%203.688-5.13a5.2%205.2%200%200%200-1.335-3.47a9%209%200%200%200-1.132-.977l-.003-.003a9.04%209.04%200%200%200-5.308-1.719z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGC27BUdZr)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M19.802%209.194a5.36%205.36%200%200%201-3.53%205.047a5.324%205.324%200%200%201-6.436-2.38c-.225-.394-.402-1.062-.522-1.63a.627.627%200%200%200-1.13-.225c-.469.678-.467%201.695-.385%202.474q0%20.012.003.024q.042.424.152.837q.132.543.363%201.052c1.126%202.515%203.663%204.116%206.986%203.847c.328-.027.64-.127.963-.193c2.741-.576%204.717-3.052%204.734-5.968c0-2.34-.87-4.64-2.478-6.35a5.34%205.34%200%200%201%201.28%203.465%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGn1ouBIPn%22%20x1%3D%223.005%22%20x2%3D%2221.004%22%20y1%3D%2221.074%22%20y2%3D%2221.074%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%3ClinearGradient%20id%3D%22SVGC27BUdZr%22%20x1%3D%227.77%22%20x2%3D%2221%22%20y1%3D%2218.216%22%20y2%3D%2218.216%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23858eb7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23705e94%22%2F%3E%3C%2FlinearGradient%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.svg?color=%231a73e8&size=48
