lon logo
lon from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- lon
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
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="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M12.054 3q-.484 0-.966.053C6.54 3.533 3 7.356 3 12.002C3 16.972 7.052 21 12.054 21h.02c1.44 0 2.86-.345 4.14-1.005c.366-.19.208-.738-.203-.726h-.017c-3.621.09-6.998-1.47-8.322-4.292c-.68-1.443-.93-2.617-.354-4.475c.19-.762.64-1.47 1.163-2.017q.06-.072.13-.136q.044-.046.094-.085l.039-.038l.032-.027a.5.5 0 0 1 .077-.061c.892-.723 1.999-1.204 3.15-1.2c2.7 0 5.06 2.204 5.06 4.794c0 .89-.408 1.825-.903 2.568c2.16-.74 3.689-2.804 3.689-5.13a5.2 5.2 0 0 0-1.336-3.472a9 9 0 0 0-1.132-.976l-.003-.002A9.05 9.05 0 0 0 12.069 3z"/><path d="M19.802 9.193a5.36 5.36 0 0 1-3.531 5.047a5.324 5.324 0 0 1-6.436-2.381c-.225-.393-.402-1.062-.522-1.63a.627.627 0 0 0-1.13-.225c-.469.678-.467 1.696-.385 2.475q0 .012.003.023q.042.425.152.837q.132.544.363 1.052c1.126 2.516 3.663 4.117 6.986 3.848c.329-.027.64-.127.963-.193c2.742-.576 4.718-3.053 4.735-5.969c0-2.34-.871-4.64-2.479-6.35a5.34 5.34 0 0 1 1.28 3.466"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenLon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fillRule="evenodd" clipRule="evenodd"><path d="M12.054 3q-.484 0-.966.053C6.54 3.533 3 7.356 3 12.002C3 16.972 7.052 21 12.054 21h.02c1.44 0 2.86-.345 4.14-1.005c.366-.19.208-.738-.203-.726h-.017c-3.621.09-6.998-1.47-8.322-4.292c-.68-1.443-.93-2.617-.354-4.475c.19-.762.64-1.47 1.163-2.017q.06-.072.13-.136q.044-.046.094-.085l.039-.038l.032-.027a.5.5 0 0 1 .077-.061c.892-.723 1.999-1.204 3.15-1.2c2.7 0 5.06 2.204 5.06 4.794c0 .89-.408 1.825-.903 2.568c2.16-.74 3.689-2.804 3.689-5.13a5.2 5.2 0 0 0-1.336-3.472a9 9 0 0 0-1.132-.976l-.003-.002A9.05 9.05 0 0 0 12.069 3z"/><path d="M19.802 9.193a5.36 5.36 0 0 1-3.531 5.047a5.324 5.324 0 0 1-6.436-2.381c-.225-.393-.402-1.062-.522-1.63a.627.627 0 0 0-1.13-.225c-.469.678-.467 1.696-.385 2.475q0 .012.003.023q.042.425.152.837q.132.544.363 1.052c1.126 2.516 3.663 4.117 6.986 3.848c.329-.027.64-.127.963-.193c2.742-.576 4.718-3.053 4.735-5.969c0-2.34-.871-4.64-2.479-6.35a5.34 5.34 0 0 1 1.28 3.466"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M12.054 3q-.484 0-.966.053C6.54 3.533 3 7.356 3 12.002C3 16.972 7.052 21 12.054 21h.02c1.44 0 2.86-.345 4.14-1.005c.366-.19.208-.738-.203-.726h-.017c-3.621.09-6.998-1.47-8.322-4.292c-.68-1.443-.93-2.617-.354-4.475c.19-.762.64-1.47 1.163-2.017q.06-.072.13-.136q.044-.046.094-.085l.039-.038l.032-.027a.5.5 0 0 1 .077-.061c.892-.723 1.999-1.204 3.15-1.2c2.7 0 5.06 2.204 5.06 4.794c0 .89-.408 1.825-.903 2.568c2.16-.74 3.689-2.804 3.689-5.13a5.2 5.2 0 0 0-1.336-3.472a9 9 0 0 0-1.132-.976l-.003-.002A9.05 9.05 0 0 0 12.069 3z"/><path d="M19.802 9.193a5.36 5.36 0 0 1-3.531 5.047a5.324 5.324 0 0 1-6.436-2.381c-.225-.393-.402-1.062-.522-1.63a.627.627 0 0 0-1.13-.225c-.469.678-.467 1.696-.385 2.475q0 .012.003.023q.042.425.152.837q.132.544.363 1.052c1.126 2.516 3.663 4.117 6.986 3.848c.329-.027.64-.127.963-.193c2.742-.576 4.718-3.053 4.735-5.969c0-2.34-.871-4.64-2.479-6.35a5.34 5.34 0 0 1 1.28 3.466"/></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%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M12.054%203q-.484%200-.966.053C6.54%203.533%203%207.356%203%2012.002C3%2016.972%207.052%2021%2012.054%2021h.02c1.44%200%202.86-.345%204.14-1.005c.366-.19.208-.738-.203-.726h-.017c-3.621.09-6.998-1.47-8.322-4.292c-.68-1.443-.93-2.617-.354-4.475c.19-.762.64-1.47%201.163-2.017q.06-.072.13-.136q.044-.046.094-.085l.039-.038l.032-.027a.5.5%200%200%201%20.077-.061c.892-.723%201.999-1.204%203.15-1.2c2.7%200%205.06%202.204%205.06%204.794c0%20.89-.408%201.825-.903%202.568c2.16-.74%203.689-2.804%203.689-5.13a5.2%205.2%200%200%200-1.336-3.472a9%209%200%200%200-1.132-.976l-.003-.002A9.05%209.05%200%200%200%2012.069%203z%22%2F%3E%3Cpath%20d%3D%22M19.802%209.193a5.36%205.36%200%200%201-3.531%205.047a5.324%205.324%200%200%201-6.436-2.381c-.225-.393-.402-1.062-.522-1.63a.627.627%200%200%200-1.13-.225c-.469.678-.467%201.696-.385%202.475q0%20.012.003.023q.042.425.152.837q.132.544.363%201.052c1.126%202.516%203.663%204.117%206.986%203.848c.329-.027.64-.127.963-.193c2.742-.576%204.718-3.053%204.735-5.969c0-2.34-.871-4.64-2.479-6.35a5.34%205.34%200%200%201%201.28%203.466%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%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M12.054%203q-.484%200-.966.053C6.54%203.533%203%207.356%203%2012.002C3%2016.972%207.052%2021%2012.054%2021h.02c1.44%200%202.86-.345%204.14-1.005c.366-.19.208-.738-.203-.726h-.017c-3.621.09-6.998-1.47-8.322-4.292c-.68-1.443-.93-2.617-.354-4.475c.19-.762.64-1.47%201.163-2.017q.06-.072.13-.136q.044-.046.094-.085l.039-.038l.032-.027a.5.5%200%200%201%20.077-.061c.892-.723%201.999-1.204%203.15-1.2c2.7%200%205.06%202.204%205.06%204.794c0%20.89-.408%201.825-.903%202.568c2.16-.74%203.689-2.804%203.689-5.13a5.2%205.2%200%200%200-1.336-3.472a9%209%200%200%200-1.132-.976l-.003-.002A9.05%209.05%200%200%200%2012.069%203z%22%2F%3E%3Cpath%20d%3D%22M19.802%209.193a5.36%205.36%200%200%201-3.531%205.047a5.324%205.324%200%200%201-6.436-2.381c-.225-.393-.402-1.062-.522-1.63a.627.627%200%200%200-1.13-.225c-.469.678-.467%201.696-.385%202.475q0%20.012.003.023q.042.425.152.837q.132.544.363%201.052c1.126%202.516%203.663%204.117%206.986%203.848c.329-.027.64-.127.963-.193c2.742-.576%204.718-3.053%204.735-5.969c0-2.34-.871-4.64-2.479-6.35a5.34%205.34%200%200%201%201.28%203.466%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/lon.svg?color=%231a73e8&size=48
