lua logo
lua-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- lua-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 lua 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(#SVGHcSWxdhd)"><path fill="#fabb47" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M13.908 4.229c-.47 1.549.136 2.655.554 3.05c.767-.58 1.104-1.615 1.225-2.38A8 8 0 0 1 20 12.003c0 1.75-.561 3.368-1.514 4.685a9 9 0 0 0 .02-.687l.002-.03v-1.155a.13.13 0 0 0-.258 0v.792c-1.019.163-2.936 1.194-3.537 3.927a8 8 0 0 1-.834.25c-.755-2.749-2.654-3.512-3.62-3.538v-.987a.13.13 0 0 0-.26 0v1.11l-.004.003l.005.047l.003.023c.229 1.825.906 2.924 1.678 3.557A8 8 0 0 1 4 12.003a8 8 0 0 1 9.908-7.774m-.175 6.184c-.824-.354-2.23-1.709-1.303-4.302v-.73a.13.13 0 0 1 .129-.13a.13.13 0 0 1 .13.13v.707c.735.447 1.93 1.902 1.044 4.325m2.991-3.875c.157 2.785-1.594 3.683-2.49 3.784c-.145-2.539 1.376-3.594 2.216-3.829v-.745a.13.13 0 1 1 .259 0v.758l-.003.027zM11.54 9.593v-.788a.13.13 0 0 0-.13-.121a.13.13 0 0 0-.129.121v1.024c-.029 2.93 1.803 3.701 2.74 3.717c0-2.789-1.622-3.787-2.481-3.953m2.731 3.883c.955-.015 2.837-.815 2.736-3.882a.1.1 0 0 0 .004-.032V8.69a.13.13 0 1 0-.258 0v.835c-.86.166-2.482 1.164-2.482 3.953m-3.265-.78v-.805a.13.13 0 1 0-.258 0v.95q0 .017.004.032c.131 3.463 2.324 4.235 3.413 4.185c-.2-3.232-2.17-4.25-3.159-4.363m3.344 4.337c1.094.014 3.271-.835 3.273-4.332a.1.1 0 0 0 .007-.042v-1.033a.13.13 0 0 0-.258 0v.942c-.983.14-2.928 1.219-3.022 4.465" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedLuaBackground(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(#SVGHcSWxdhd)"><path fill="#fabb47" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M13.908 4.229c-.47 1.549.136 2.655.554 3.05c.767-.58 1.104-1.615 1.225-2.38A8 8 0 0 1 20 12.003c0 1.75-.561 3.368-1.514 4.685a9 9 0 0 0 .02-.687l.002-.03v-1.155a.13.13 0 0 0-.258 0v.792c-1.019.163-2.936 1.194-3.537 3.927a8 8 0 0 1-.834.25c-.755-2.749-2.654-3.512-3.62-3.538v-.987a.13.13 0 0 0-.26 0v1.11l-.004.003l.005.047l.003.023c.229 1.825.906 2.924 1.678 3.557A8 8 0 0 1 4 12.003a8 8 0 0 1 9.908-7.774m-.175 6.184c-.824-.354-2.23-1.709-1.303-4.302v-.73a.13.13 0 0 1 .129-.13a.13.13 0 0 1 .13.13v.707c.735.447 1.93 1.902 1.044 4.325m2.991-3.875c.157 2.785-1.594 3.683-2.49 3.784c-.145-2.539 1.376-3.594 2.216-3.829v-.745a.13.13 0 1 1 .259 0v.758l-.003.027zM11.54 9.593v-.788a.13.13 0 0 0-.13-.121a.13.13 0 0 0-.129.121v1.024c-.029 2.93 1.803 3.701 2.74 3.717c0-2.789-1.622-3.787-2.481-3.953m2.731 3.883c.955-.015 2.837-.815 2.736-3.882a.1.1 0 0 0 .004-.032V8.69a.13.13 0 1 0-.258 0v.835c-.86.166-2.482 1.164-2.482 3.953m-3.265-.78v-.805a.13.13 0 1 0-.258 0v.95q0 .017.004.032c.131 3.463 2.324 4.235 3.413 4.185c-.2-3.232-2.17-4.25-3.159-4.363m3.344 4.337c1.094.014 3.271-.835 3.273-4.332a.1.1 0 0 0 .007-.042v-1.033a.13.13 0 0 0-.258 0v.942c-.983.14-2.928 1.219-3.022 4.465" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><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(#SVGHcSWxdhd)"><path fill="#fabb47" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M13.908 4.229c-.47 1.549.136 2.655.554 3.05c.767-.58 1.104-1.615 1.225-2.38A8 8 0 0 1 20 12.003c0 1.75-.561 3.368-1.514 4.685a9 9 0 0 0 .02-.687l.002-.03v-1.155a.13.13 0 0 0-.258 0v.792c-1.019.163-2.936 1.194-3.537 3.927a8 8 0 0 1-.834.25c-.755-2.749-2.654-3.512-3.62-3.538v-.987a.13.13 0 0 0-.26 0v1.11l-.004.003l.005.047l.003.023c.229 1.825.906 2.924 1.678 3.557A8 8 0 0 1 4 12.003a8 8 0 0 1 9.908-7.774m-.175 6.184c-.824-.354-2.23-1.709-1.303-4.302v-.73a.13.13 0 0 1 .129-.13a.13.13 0 0 1 .13.13v.707c.735.447 1.93 1.902 1.044 4.325m2.991-3.875c.157 2.785-1.594 3.683-2.49 3.784c-.145-2.539 1.376-3.594 2.216-3.829v-.745a.13.13 0 1 1 .259 0v.758l-.003.027zM11.54 9.593v-.788a.13.13 0 0 0-.13-.121a.13.13 0 0 0-.129.121v1.024c-.029 2.93 1.803 3.701 2.74 3.717c0-2.789-1.622-3.787-2.481-3.953m2.731 3.883c.955-.015 2.837-.815 2.736-3.882a.1.1 0 0 0 .004-.032V8.69a.13.13 0 1 0-.258 0v.835c-.86.166-2.482 1.164-2.482 3.953m-3.265-.78v-.805a.13.13 0 1 0-.258 0v.95q0 .017.004.032c.131 3.463 2.324 4.235 3.413 4.185c-.2-3.232-2.17-4.25-3.159-4.363m3.344 4.337c1.094.014 3.271-.835 3.273-4.332a.1.1 0 0 0 .007-.042v-1.033a.13.13 0 0 0-.258 0v.942c-.983.14-2.928 1.219-3.022 4.465" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-lua-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(%23SVGHcSWxdhd)%22%3E%3Cpath%20fill%3D%22%23fabb47%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.908%204.229c-.47%201.549.136%202.655.554%203.05c.767-.58%201.104-1.615%201.225-2.38A8%208%200%200%201%2020%2012.003c0%201.75-.561%203.368-1.514%204.685a9%209%200%200%200%20.02-.687l.002-.03v-1.155a.13.13%200%200%200-.258%200v.792c-1.019.163-2.936%201.194-3.537%203.927a8%208%200%200%201-.834.25c-.755-2.749-2.654-3.512-3.62-3.538v-.987a.13.13%200%200%200-.26%200v1.11l-.004.003l.005.047l.003.023c.229%201.825.906%202.924%201.678%203.557A8%208%200%200%201%204%2012.003a8%208%200%200%201%209.908-7.774m-.175%206.184c-.824-.354-2.23-1.709-1.303-4.302v-.73a.13.13%200%200%201%20.129-.13a.13.13%200%200%201%20.13.13v.707c.735.447%201.93%201.902%201.044%204.325m2.991-3.875c.157%202.785-1.594%203.683-2.49%203.784c-.145-2.539%201.376-3.594%202.216-3.829v-.745a.13.13%200%201%201%20.259%200v.758l-.003.027zM11.54%209.593v-.788a.13.13%200%200%200-.13-.121a.13.13%200%200%200-.129.121v1.024c-.029%202.93%201.803%203.701%202.74%203.717c0-2.789-1.622-3.787-2.481-3.953m2.731%203.883c.955-.015%202.837-.815%202.736-3.882a.1.1%200%200%200%20.004-.032V8.69a.13.13%200%201%200-.258%200v.835c-.86.166-2.482%201.164-2.482%203.953m-3.265-.78v-.805a.13.13%200%201%200-.258%200v.95q0%20.017.004.032c.131%203.463%202.324%204.235%203.413%204.185c-.2-3.232-2.17-4.25-3.159-4.363m3.344%204.337c1.094.014%203.271-.835%203.273-4.332a.1.1%200%200%200%20.007-.042v-1.033a.13.13%200%200%200-.258%200v.942c-.983.14-2.928%201.219-3.022%204.465%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd%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(%23SVGHcSWxdhd)%22%3E%3Cpath%20fill%3D%22%23fabb47%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.908%204.229c-.47%201.549.136%202.655.554%203.05c.767-.58%201.104-1.615%201.225-2.38A8%208%200%200%201%2020%2012.003c0%201.75-.561%203.368-1.514%204.685a9%209%200%200%200%20.02-.687l.002-.03v-1.155a.13.13%200%200%200-.258%200v.792c-1.019.163-2.936%201.194-3.537%203.927a8%208%200%200%201-.834.25c-.755-2.749-2.654-3.512-3.62-3.538v-.987a.13.13%200%200%200-.26%200v1.11l-.004.003l.005.047l.003.023c.229%201.825.906%202.924%201.678%203.557A8%208%200%200%201%204%2012.003a8%208%200%200%201%209.908-7.774m-.175%206.184c-.824-.354-2.23-1.709-1.303-4.302v-.73a.13.13%200%200%201%20.129-.13a.13.13%200%200%201%20.13.13v.707c.735.447%201.93%201.902%201.044%204.325m2.991-3.875c.157%202.785-1.594%203.683-2.49%203.784c-.145-2.539%201.376-3.594%202.216-3.829v-.745a.13.13%200%201%201%20.259%200v.758l-.003.027zM11.54%209.593v-.788a.13.13%200%200%200-.13-.121a.13.13%200%200%200-.129.121v1.024c-.029%202.93%201.803%203.701%202.74%203.717c0-2.789-1.622-3.787-2.481-3.953m2.731%203.883c.955-.015%202.837-.815%202.736-3.882a.1.1%200%200%200%20.004-.032V8.69a.13.13%200%201%200-.258%200v.835c-.86.166-2.482%201.164-2.482%203.953m-3.265-.78v-.805a.13.13%200%201%200-.258%200v.95q0%20.017.004.032c.131%203.463%202.324%204.235%203.413%204.185c-.2-3.232-2.17-4.25-3.159-4.363m3.344%204.337c1.094.014%203.271-.835%203.273-4.332a.1.1%200%200%200%20.007-.042v-1.033a.13.13%200%200%200-.258%200v.942c-.983.14-2.928%201.219-3.022%204.465%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd%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/lua-background.svg?color=%231a73e8&size=48
