lit logo
lit-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- lit-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 lit 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(#SVGHcSWxdhd118)"><path fill="#ff4205" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.276 9.774s-.015.28-.568 1.19c-.64 1.054-.7 2.288-.046 3.32c1.378 2.172 5.119 2.13 6.506 0c.536-.824.69-1.77.506-2.73c0 0-.443-2.005-1.958-3.27c.023.02.082.288.093.403c.035.352.001.72-.12 1.055c-.088.246-.21.459-.418.623c0-.057-.015-.16-.015-.194c-.01-.7-.287-1.35-.74-1.894c-.394-.476-.935-.8-1.506-1.039c.015.048.041.248.045.287c.03.33.035.794-.01 1.124c-.044.33-.12.51-.223.82c-.157.47-.37.818-.641 1.236c-.05.076-.199.287-.279.393c0 0-.137-.846-.626-1.324"/><path fill="#fff" fill-rule="evenodd" d="M18.568 8.007L12.25 4.439a.51.51 0 0 0-.502 0L5.432 8.007a.49.49 0 0 0-.25.425v7.136a.49.49 0 0 0 .25.425l6.317 3.568a.51.51 0 0 0 .502 0l6.317-3.568a.49.49 0 0 0 .251-.425V8.432a.49.49 0 0 0-.251-.425m-6.126-3.891a.9.9 0 0 0-.884 0L5.242 7.684a.86.86 0 0 0-.442.748v7.136c0 .309.168.594.442.748l6.316 3.568a.9.9 0 0 0 .884 0l6.316-3.568a.86.86 0 0 0 .442-.748V8.432a.86.86 0 0 0-.442-.748z" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd118"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedLitBackground(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(#SVGHcSWxdhd118)"><path fill="#ff4205" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.276 9.774s-.015.28-.568 1.19c-.64 1.054-.7 2.288-.046 3.32c1.378 2.172 5.119 2.13 6.506 0c.536-.824.69-1.77.506-2.73c0 0-.443-2.005-1.958-3.27c.023.02.082.288.093.403c.035.352.001.72-.12 1.055c-.088.246-.21.459-.418.623c0-.057-.015-.16-.015-.194c-.01-.7-.287-1.35-.74-1.894c-.394-.476-.935-.8-1.506-1.039c.015.048.041.248.045.287c.03.33.035.794-.01 1.124c-.044.33-.12.51-.223.82c-.157.47-.37.818-.641 1.236c-.05.076-.199.287-.279.393c0 0-.137-.846-.626-1.324"/><path fill="#fff" fillRule="evenodd" d="M18.568 8.007L12.25 4.439a.51.51 0 0 0-.502 0L5.432 8.007a.49.49 0 0 0-.25.425v7.136a.49.49 0 0 0 .25.425l6.317 3.568a.51.51 0 0 0 .502 0l6.317-3.568a.49.49 0 0 0 .251-.425V8.432a.49.49 0 0 0-.251-.425m-6.126-3.891a.9.9 0 0 0-.884 0L5.242 7.684a.86.86 0 0 0-.442.748v7.136c0 .309.168.594.442.748l6.316 3.568a.9.9 0 0 0 .884 0l6.316-3.568a.86.86 0 0 0 .442-.748V8.432a.86.86 0 0 0-.442-.748z" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd118"><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(#SVGHcSWxdhd118)"><path fill="#ff4205" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.276 9.774s-.015.28-.568 1.19c-.64 1.054-.7 2.288-.046 3.32c1.378 2.172 5.119 2.13 6.506 0c.536-.824.69-1.77.506-2.73c0 0-.443-2.005-1.958-3.27c.023.02.082.288.093.403c.035.352.001.72-.12 1.055c-.088.246-.21.459-.418.623c0-.057-.015-.16-.015-.194c-.01-.7-.287-1.35-.74-1.894c-.394-.476-.935-.8-1.506-1.039c.015.048.041.248.045.287c.03.33.035.794-.01 1.124c-.044.33-.12.51-.223.82c-.157.47-.37.818-.641 1.236c-.05.076-.199.287-.279.393c0 0-.137-.846-.626-1.324"/><path fill="#fff" fill-rule="evenodd" d="M18.568 8.007L12.25 4.439a.51.51 0 0 0-.502 0L5.432 8.007a.49.49 0 0 0-.25.425v7.136a.49.49 0 0 0 .25.425l6.317 3.568a.51.51 0 0 0 .502 0l6.317-3.568a.49.49 0 0 0 .251-.425V8.432a.49.49 0 0 0-.251-.425m-6.126-3.891a.9.9 0 0 0-.884 0L5.242 7.684a.86.86 0 0 0-.442.748v7.136c0 .309.168.594.442.748l6.316 3.568a.9.9 0 0 0 .884 0l6.316-3.568a.86.86 0 0 0 .442-.748V8.432a.86.86 0 0 0-.442-.748z" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd118"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-lit-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(%23SVGHcSWxdhd118)%22%3E%3Cpath%20fill%3D%22%23ff4205%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.276%209.774s-.015.28-.568%201.19c-.64%201.054-.7%202.288-.046%203.32c1.378%202.172%205.119%202.13%206.506%200c.536-.824.69-1.77.506-2.73c0%200-.443-2.005-1.958-3.27c.023.02.082.288.093.403c.035.352.001.72-.12%201.055c-.088.246-.21.459-.418.623c0-.057-.015-.16-.015-.194c-.01-.7-.287-1.35-.74-1.894c-.394-.476-.935-.8-1.506-1.039c.015.048.041.248.045.287c.03.33.035.794-.01%201.124c-.044.33-.12.51-.223.82c-.157.47-.37.818-.641%201.236c-.05.076-.199.287-.279.393c0%200-.137-.846-.626-1.324%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.568%208.007L12.25%204.439a.51.51%200%200%200-.502%200L5.432%208.007a.49.49%200%200%200-.25.425v7.136a.49.49%200%200%200%20.25.425l6.317%203.568a.51.51%200%200%200%20.502%200l6.317-3.568a.49.49%200%200%200%20.251-.425V8.432a.49.49%200%200%200-.251-.425m-6.126-3.891a.9.9%200%200%200-.884%200L5.242%207.684a.86.86%200%200%200-.442.748v7.136c0%20.309.168.594.442.748l6.316%203.568a.9.9%200%200%200%20.884%200l6.316-3.568a.86.86%200%200%200%20.442-.748V8.432a.86.86%200%200%200-.442-.748z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd118%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(%23SVGHcSWxdhd118)%22%3E%3Cpath%20fill%3D%22%23ff4205%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.276%209.774s-.015.28-.568%201.19c-.64%201.054-.7%202.288-.046%203.32c1.378%202.172%205.119%202.13%206.506%200c.536-.824.69-1.77.506-2.73c0%200-.443-2.005-1.958-3.27c.023.02.082.288.093.403c.035.352.001.72-.12%201.055c-.088.246-.21.459-.418.623c0-.057-.015-.16-.015-.194c-.01-.7-.287-1.35-.74-1.894c-.394-.476-.935-.8-1.506-1.039c.015.048.041.248.045.287c.03.33.035.794-.01%201.124c-.044.33-.12.51-.223.82c-.157.47-.37.818-.641%201.236c-.05.076-.199.287-.279.393c0%200-.137-.846-.626-1.324%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.568%208.007L12.25%204.439a.51.51%200%200%200-.502%200L5.432%208.007a.49.49%200%200%200-.25.425v7.136a.49.49%200%200%200%20.25.425l6.317%203.568a.51.51%200%200%200%20.502%200l6.317-3.568a.49.49%200%200%200%20.251-.425V8.432a.49.49%200%200%200-.251-.425m-6.126-3.891a.9.9%200%200%200-.884%200L5.242%207.684a.86.86%200%200%200-.442.748v7.136c0%20.309.168.594.442.748l6.316%203.568a.9.9%200%200%200%20.884%200l6.316-3.568a.86.86%200%200%200%20.442-.748V8.432a.86.86%200%200%200-.442-.748z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd118%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/lit-background.svg?color=%231a73e8&size=48
