luca logo
luca-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- luca-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 luca 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(#SVGHcSWxdhd148)"><path fill="#faca8c" d="M24 0H0v24h24z"/><path fill="#fff" d="M15.53 5.882a.94.94 0 1 0-.815-1.411h-4.363v.94h4.363c.16.283.466.471.814.471m0 3.765a.94.94 0 1 0-.815-1.411h-4.363v.94h4.363c.16.283.466.471.814.471M17.411 20a.941.941 0 1 0 0-1.882a.941.941 0 0 0 0 1.882"/><path fill="#fff" d="M17.882 7.764a.94.94 0 1 0-.814-1.412h-6.716v.941h6.716c.16.283.466.47.814.47"/><path fill="#fff" fill-rule="evenodd" d="M9.091 4.47c-1.12 0-2.033.74-2.033 1.836c-.979 0-1.882.927-1.882 1.882v7.671c0 .988.819 1.788 1.826 1.788c0 1.069.885 1.883 1.976 1.883h7.893c.145.212.263 0 .54 0c.448 0 .942-.01.942-.447c0-.438-.494-.494-.941-.494c-.302 0-.433-.236-.575 0H8.978c-.616 0-1.115-.34-1.115-.942h7.196v-2.823H9.882V4.47zm-.15.941v9.413h-.942V6.306c0-.546.382-.895.942-.895M7.058 7.294c-.503 0-.941.405-.941.894v7.822c.033.442.376.696.833.696h7.167v-.941H7.059z" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd148"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedLucaBackground(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(#SVGHcSWxdhd148)"><path fill="#faca8c" d="M24 0H0v24h24z"/><path fill="#fff" d="M15.53 5.882a.94.94 0 1 0-.815-1.411h-4.363v.94h4.363c.16.283.466.471.814.471m0 3.765a.94.94 0 1 0-.815-1.411h-4.363v.94h4.363c.16.283.466.471.814.471M17.411 20a.941.941 0 1 0 0-1.882a.941.941 0 0 0 0 1.882"/><path fill="#fff" d="M17.882 7.764a.94.94 0 1 0-.814-1.412h-6.716v.941h6.716c.16.283.466.47.814.47"/><path fill="#fff" fillRule="evenodd" d="M9.091 4.47c-1.12 0-2.033.74-2.033 1.836c-.979 0-1.882.927-1.882 1.882v7.671c0 .988.819 1.788 1.826 1.788c0 1.069.885 1.883 1.976 1.883h7.893c.145.212.263 0 .54 0c.448 0 .942-.01.942-.447c0-.438-.494-.494-.941-.494c-.302 0-.433-.236-.575 0H8.978c-.616 0-1.115-.34-1.115-.942h7.196v-2.823H9.882V4.47zm-.15.941v9.413h-.942V6.306c0-.546.382-.895.942-.895M7.058 7.294c-.503 0-.941.405-.941.894v7.822c.033.442.376.696.833.696h7.167v-.941H7.059z" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd148"><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(#SVGHcSWxdhd148)"><path fill="#faca8c" d="M24 0H0v24h24z"/><path fill="#fff" d="M15.53 5.882a.94.94 0 1 0-.815-1.411h-4.363v.94h4.363c.16.283.466.471.814.471m0 3.765a.94.94 0 1 0-.815-1.411h-4.363v.94h4.363c.16.283.466.471.814.471M17.411 20a.941.941 0 1 0 0-1.882a.941.941 0 0 0 0 1.882"/><path fill="#fff" d="M17.882 7.764a.94.94 0 1 0-.814-1.412h-6.716v.941h6.716c.16.283.466.47.814.47"/><path fill="#fff" fill-rule="evenodd" d="M9.091 4.47c-1.12 0-2.033.74-2.033 1.836c-.979 0-1.882.927-1.882 1.882v7.671c0 .988.819 1.788 1.826 1.788c0 1.069.885 1.883 1.976 1.883h7.893c.145.212.263 0 .54 0c.448 0 .942-.01.942-.447c0-.438-.494-.494-.941-.494c-.302 0-.433-.236-.575 0H8.978c-.616 0-1.115-.34-1.115-.942h7.196v-2.823H9.882V4.47zm-.15.941v9.413h-.942V6.306c0-.546.382-.895.942-.895M7.058 7.294c-.503 0-.941.405-.941.894v7.822c.033.442.376.696.833.696h7.167v-.941H7.059z" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd148"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-luca-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(%23SVGHcSWxdhd148)%22%3E%3Cpath%20fill%3D%22%23faca8c%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.53%205.882a.94.94%200%201%200-.815-1.411h-4.363v.94h4.363c.16.283.466.471.814.471m0%203.765a.94.94%200%201%200-.815-1.411h-4.363v.94h4.363c.16.283.466.471.814.471M17.411%2020a.941.941%200%201%200%200-1.882a.941.941%200%200%200%200%201.882%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.882%207.764a.94.94%200%201%200-.814-1.412h-6.716v.941h6.716c.16.283.466.47.814.47%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.091%204.47c-1.12%200-2.033.74-2.033%201.836c-.979%200-1.882.927-1.882%201.882v7.671c0%20.988.819%201.788%201.826%201.788c0%201.069.885%201.883%201.976%201.883h7.893c.145.212.263%200%20.54%200c.448%200%20.942-.01.942-.447c0-.438-.494-.494-.941-.494c-.302%200-.433-.236-.575%200H8.978c-.616%200-1.115-.34-1.115-.942h7.196v-2.823H9.882V4.47zm-.15.941v9.413h-.942V6.306c0-.546.382-.895.942-.895M7.058%207.294c-.503%200-.941.405-.941.894v7.822c.033.442.376.696.833.696h7.167v-.941H7.059z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd148%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(%23SVGHcSWxdhd148)%22%3E%3Cpath%20fill%3D%22%23faca8c%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.53%205.882a.94.94%200%201%200-.815-1.411h-4.363v.94h4.363c.16.283.466.471.814.471m0%203.765a.94.94%200%201%200-.815-1.411h-4.363v.94h4.363c.16.283.466.471.814.471M17.411%2020a.941.941%200%201%200%200-1.882a.941.941%200%200%200%200%201.882%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.882%207.764a.94.94%200%201%200-.814-1.412h-6.716v.941h6.716c.16.283.466.47.814.47%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.091%204.47c-1.12%200-2.033.74-2.033%201.836c-.979%200-1.882.927-1.882%201.882v7.671c0%20.988.819%201.788%201.826%201.788c0%201.069.885%201.883%201.976%201.883h7.893c.145.212.263%200%20.54%200c.448%200%20.942-.01.942-.447c0-.438-.494-.494-.941-.494c-.302%200-.433-.236-.575%200H8.978c-.616%200-1.115-.34-1.115-.942h7.196v-2.823H9.882V4.47zm-.15.941v9.413h-.942V6.306c0-.546.382-.895.942-.895M7.058%207.294c-.503%200-.941.405-.941.894v7.822c.033.442.376.696.833.696h7.167v-.941H7.059z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd148%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/luca-background.svg?color=%231a73e8&size=48
