litt logo
litt-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- litt-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 litt 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(#SVGHcSWxdhd9)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="url(#SVGtK4giegH)" d="M10.88 7.695h2.277c.369-.041 1.058-.427.89-1.665c-.004-.033-.054-.05-.082-.02a2.6 2.6 0 0 1-.91.614c.04-.061.122-.27.122-.627c0-.353-.316-.78-.48-.948a1.13 1.13 0 0 1-.233-.992a.041.041 0 0 0-.062-.05a2.79 2.79 0 0 0-1.485 2.367a1.34 1.34 0 0 1-.373-.636c-.008-.04-.066-.053-.086-.016c-.357.574-.698 1.632.422 1.973m-.673.636v.594c0 .041.054.123.247.177c.192.049.307.303.316.422v2.584c0 .029-.025.078-.066.127a4 4 0 0 0-2.806 3.782C7.898 18.216 9.736 20 12 20s4.102-1.784 4.102-3.983a4 4 0 0 0-2.802-3.781c-.04-.05-.07-.099-.07-.132v-2.58c.009-.119.132-.369.32-.422c.193-.054.246-.14.246-.177v-.594a.224.224 0 0 0-.22-.226h-3.147a.22.22 0 0 0-.222.226m-1.6 7.198a1.81 1.81 0 0 1 1.847-1.444c.865 0 1.206.41 1.546.833c.353.435.714.874 1.653.874c.312-.005.62-.075.902-.205c.316-.185.76-.123.792.34v.09c0 1.817-1.518 3.29-3.384 3.29a3.34 3.34 0 0 1-3.233-2.36c-.14-.457-.18-.94-.118-1.414zm1.752 1.19a.82.82 0 1 0 0-1.642a.82.82 0 0 0 0 1.642m2.461.41a.41.41 0 1 0 0-.82a.41.41 0 0 0 0 .82"/></g><defs><linearGradient id="SVGtK4giegH" x1="10.806" x2="15.402" y1="7.901" y2="9.483" gradientUnits="userSpaceOnUse"><stop stop-color="#33aac2"/><stop offset=".51" stop-color="#47b6ca"/><stop offset="1" stop-color="#92e5eb"/></linearGradient><clipPath id="SVGHcSWxdhd9"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedLittBackground(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(#SVGHcSWxdhd9)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="url(#SVGtK4giegH)" d="M10.88 7.695h2.277c.369-.041 1.058-.427.89-1.665c-.004-.033-.054-.05-.082-.02a2.6 2.6 0 0 1-.91.614c.04-.061.122-.27.122-.627c0-.353-.316-.78-.48-.948a1.13 1.13 0 0 1-.233-.992a.041.041 0 0 0-.062-.05a2.79 2.79 0 0 0-1.485 2.367a1.34 1.34 0 0 1-.373-.636c-.008-.04-.066-.053-.086-.016c-.357.574-.698 1.632.422 1.973m-.673.636v.594c0 .041.054.123.247.177c.192.049.307.303.316.422v2.584c0 .029-.025.078-.066.127a4 4 0 0 0-2.806 3.782C7.898 18.216 9.736 20 12 20s4.102-1.784 4.102-3.983a4 4 0 0 0-2.802-3.781c-.04-.05-.07-.099-.07-.132v-2.58c.009-.119.132-.369.32-.422c.193-.054.246-.14.246-.177v-.594a.224.224 0 0 0-.22-.226h-3.147a.22.22 0 0 0-.222.226m-1.6 7.198a1.81 1.81 0 0 1 1.847-1.444c.865 0 1.206.41 1.546.833c.353.435.714.874 1.653.874c.312-.005.62-.075.902-.205c.316-.185.76-.123.792.34v.09c0 1.817-1.518 3.29-3.384 3.29a3.34 3.34 0 0 1-3.233-2.36c-.14-.457-.18-.94-.118-1.414zm1.752 1.19a.82.82 0 1 0 0-1.642a.82.82 0 0 0 0 1.642m2.461.41a.41.41 0 1 0 0-.82a.41.41 0 0 0 0 .82"/></g><defs><linearGradient id="SVGtK4giegH" x1="10.806" x2="15.402" y1="7.901" y2="9.483" gradientUnits="userSpaceOnUse"><stop stopColor="#33aac2"/><stop offset=".51" stopColor="#47b6ca"/><stop offset="1" stopColor="#92e5eb"/></linearGradient><clipPath id="SVGHcSWxdhd9"><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(#SVGHcSWxdhd9)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="url(#SVGtK4giegH)" d="M10.88 7.695h2.277c.369-.041 1.058-.427.89-1.665c-.004-.033-.054-.05-.082-.02a2.6 2.6 0 0 1-.91.614c.04-.061.122-.27.122-.627c0-.353-.316-.78-.48-.948a1.13 1.13 0 0 1-.233-.992a.041.041 0 0 0-.062-.05a2.79 2.79 0 0 0-1.485 2.367a1.34 1.34 0 0 1-.373-.636c-.008-.04-.066-.053-.086-.016c-.357.574-.698 1.632.422 1.973m-.673.636v.594c0 .041.054.123.247.177c.192.049.307.303.316.422v2.584c0 .029-.025.078-.066.127a4 4 0 0 0-2.806 3.782C7.898 18.216 9.736 20 12 20s4.102-1.784 4.102-3.983a4 4 0 0 0-2.802-3.781c-.04-.05-.07-.099-.07-.132v-2.58c.009-.119.132-.369.32-.422c.193-.054.246-.14.246-.177v-.594a.224.224 0 0 0-.22-.226h-3.147a.22.22 0 0 0-.222.226m-1.6 7.198a1.81 1.81 0 0 1 1.847-1.444c.865 0 1.206.41 1.546.833c.353.435.714.874 1.653.874c.312-.005.62-.075.902-.205c.316-.185.76-.123.792.34v.09c0 1.817-1.518 3.29-3.384 3.29a3.34 3.34 0 0 1-3.233-2.36c-.14-.457-.18-.94-.118-1.414zm1.752 1.19a.82.82 0 1 0 0-1.642a.82.82 0 0 0 0 1.642m2.461.41a.41.41 0 1 0 0-.82a.41.41 0 0 0 0 .82"/></g><defs><linearGradient id="SVGtK4giegH" x1="10.806" x2="15.402" y1="7.901" y2="9.483" gradientUnits="userSpaceOnUse"><stop stop-color="#33aac2"/><stop offset=".51" stop-color="#47b6ca"/><stop offset="1" stop-color="#92e5eb"/></linearGradient><clipPath id="SVGHcSWxdhd9"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-litt-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(%23SVGHcSWxdhd9)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGtK4giegH)%22%20d%3D%22M10.88%207.695h2.277c.369-.041%201.058-.427.89-1.665c-.004-.033-.054-.05-.082-.02a2.6%202.6%200%200%201-.91.614c.04-.061.122-.27.122-.627c0-.353-.316-.78-.48-.948a1.13%201.13%200%200%201-.233-.992a.041.041%200%200%200-.062-.05a2.79%202.79%200%200%200-1.485%202.367a1.34%201.34%200%200%201-.373-.636c-.008-.04-.066-.053-.086-.016c-.357.574-.698%201.632.422%201.973m-.673.636v.594c0%20.041.054.123.247.177c.192.049.307.303.316.422v2.584c0%20.029-.025.078-.066.127a4%204%200%200%200-2.806%203.782C7.898%2018.216%209.736%2020%2012%2020s4.102-1.784%204.102-3.983a4%204%200%200%200-2.802-3.781c-.04-.05-.07-.099-.07-.132v-2.58c.009-.119.132-.369.32-.422c.193-.054.246-.14.246-.177v-.594a.224.224%200%200%200-.22-.226h-3.147a.22.22%200%200%200-.222.226m-1.6%207.198a1.81%201.81%200%200%201%201.847-1.444c.865%200%201.206.41%201.546.833c.353.435.714.874%201.653.874c.312-.005.62-.075.902-.205c.316-.185.76-.123.792.34v.09c0%201.817-1.518%203.29-3.384%203.29a3.34%203.34%200%200%201-3.233-2.36c-.14-.457-.18-.94-.118-1.414zm1.752%201.19a.82.82%200%201%200%200-1.642a.82.82%200%200%200%200%201.642m2.461.41a.41.41%200%201%200%200-.82a.41.41%200%200%200%200%20.82%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGtK4giegH%22%20x1%3D%2210.806%22%20x2%3D%2215.402%22%20y1%3D%227.901%22%20y2%3D%229.483%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2333aac2%22%2F%3E%3Cstop%20offset%3D%22.51%22%20stop-color%3D%22%2347b6ca%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2392e5eb%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd9%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(%23SVGHcSWxdhd9)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGtK4giegH)%22%20d%3D%22M10.88%207.695h2.277c.369-.041%201.058-.427.89-1.665c-.004-.033-.054-.05-.082-.02a2.6%202.6%200%200%201-.91.614c.04-.061.122-.27.122-.627c0-.353-.316-.78-.48-.948a1.13%201.13%200%200%201-.233-.992a.041.041%200%200%200-.062-.05a2.79%202.79%200%200%200-1.485%202.367a1.34%201.34%200%200%201-.373-.636c-.008-.04-.066-.053-.086-.016c-.357.574-.698%201.632.422%201.973m-.673.636v.594c0%20.041.054.123.247.177c.192.049.307.303.316.422v2.584c0%20.029-.025.078-.066.127a4%204%200%200%200-2.806%203.782C7.898%2018.216%209.736%2020%2012%2020s4.102-1.784%204.102-3.983a4%204%200%200%200-2.802-3.781c-.04-.05-.07-.099-.07-.132v-2.58c.009-.119.132-.369.32-.422c.193-.054.246-.14.246-.177v-.594a.224.224%200%200%200-.22-.226h-3.147a.22.22%200%200%200-.222.226m-1.6%207.198a1.81%201.81%200%200%201%201.847-1.444c.865%200%201.206.41%201.546.833c.353.435.714.874%201.653.874c.312-.005.62-.075.902-.205c.316-.185.76-.123.792.34v.09c0%201.817-1.518%203.29-3.384%203.29a3.34%203.34%200%200%201-3.233-2.36c-.14-.457-.18-.94-.118-1.414zm1.752%201.19a.82.82%200%201%200%200-1.642a.82.82%200%200%200%200%201.642m2.461.41a.41.41%200%201%200%200-.82a.41.41%200%200%200%200%20.82%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGtK4giegH%22%20x1%3D%2210.806%22%20x2%3D%2215.402%22%20y1%3D%227.901%22%20y2%3D%229.483%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2333aac2%22%2F%3E%3Cstop%20offset%3D%22.51%22%20stop-color%3D%22%2347b6ca%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2392e5eb%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd9%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/litt-background.svg?color=%231a73e8&size=48
