lusd logo
lusd-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- lusd-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 lusd 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="#2eb6ea" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.5 20c3.697-.706 6.5-4.097 6.5-8s-2.803-7.151-6.5-7.857v2.119c.754.304 1.485.913 2.142 2.052c0 .069-1.33.98-1.959 1.405c-.776-1.877-1.982-1.896-2.483-1.22c-.717.967.536 1.608 1.971 2.144c1.624.605 2.852 2.035 2.83 3.857c-.023 1.782-1.296 2.716-2.5 3.175z"/><path fill="#fff" d="M11 4H4v8.144c.072 4.025 3.084 7.385 7 7.856v-2.265c-1.356-.323-2.677-1.341-2.831-3.45l2.235-.649c-.014.696.285 2.085 1.597 2.076c1.311-.008 1.596-.955 1.575-1.426c.05-.31-.195-1.058-1.575-1.586c-1.725-.66-3.279-1.916-3.279-3.62c0-1.836 1.103-2.53 2.278-2.88z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedLusdBackground(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="#2eb6ea" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.5 20c3.697-.706 6.5-4.097 6.5-8s-2.803-7.151-6.5-7.857v2.119c.754.304 1.485.913 2.142 2.052c0 .069-1.33.98-1.959 1.405c-.776-1.877-1.982-1.896-2.483-1.22c-.717.967.536 1.608 1.971 2.144c1.624.605 2.852 2.035 2.83 3.857c-.023 1.782-1.296 2.716-2.5 3.175z"/><path fill="#fff" d="M11 4H4v8.144c.072 4.025 3.084 7.385 7 7.856v-2.265c-1.356-.323-2.677-1.341-2.831-3.45l2.235-.649c-.014.696.285 2.085 1.597 2.076c1.311-.008 1.596-.955 1.575-1.426c.05-.31-.195-1.058-1.575-1.586c-1.725-.66-3.279-1.916-3.279-3.62c0-1.836 1.103-2.53 2.278-2.88z"/></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="#2eb6ea" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.5 20c3.697-.706 6.5-4.097 6.5-8s-2.803-7.151-6.5-7.857v2.119c.754.304 1.485.913 2.142 2.052c0 .069-1.33.98-1.959 1.405c-.776-1.877-1.982-1.896-2.483-1.22c-.717.967.536 1.608 1.971 2.144c1.624.605 2.852 2.035 2.83 3.857c-.023 1.782-1.296 2.716-2.5 3.175z"/><path fill="#fff" d="M11 4H4v8.144c.072 4.025 3.084 7.385 7 7.856v-2.265c-1.356-.323-2.677-1.341-2.831-3.45l2.235-.649c-.014.696.285 2.085 1.597 2.076c1.311-.008 1.596-.955 1.575-1.426c.05-.31-.195-1.058-1.575-1.586c-1.725-.66-3.279-1.916-3.279-3.62c0-1.836 1.103-2.53 2.278-2.88z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-lusd-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%232eb6ea%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.5%2020c3.697-.706%206.5-4.097%206.5-8s-2.803-7.151-6.5-7.857v2.119c.754.304%201.485.913%202.142%202.052c0%20.069-1.33.98-1.959%201.405c-.776-1.877-1.982-1.896-2.483-1.22c-.717.967.536%201.608%201.971%202.144c1.624.605%202.852%202.035%202.83%203.857c-.023%201.782-1.296%202.716-2.5%203.175z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11%204H4v8.144c.072%204.025%203.084%207.385%207%207.856v-2.265c-1.356-.323-2.677-1.341-2.831-3.45l2.235-.649c-.014.696.285%202.085%201.597%202.076c1.311-.008%201.596-.955%201.575-1.426c.05-.31-.195-1.058-1.575-1.586c-1.725-.66-3.279-1.916-3.279-3.62c0-1.836%201.103-2.53%202.278-2.88z%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%232eb6ea%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.5%2020c3.697-.706%206.5-4.097%206.5-8s-2.803-7.151-6.5-7.857v2.119c.754.304%201.485.913%202.142%202.052c0%20.069-1.33.98-1.959%201.405c-.776-1.877-1.982-1.896-2.483-1.22c-.717.967.536%201.608%201.971%202.144c1.624.605%202.852%202.035%202.83%203.857c-.023%201.782-1.296%202.716-2.5%203.175z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11%204H4v8.144c.072%204.025%203.084%207.385%207%207.856v-2.265c-1.356-.323-2.677-1.341-2.831-3.45l2.235-.649c-.014.696.285%202.085%201.597%202.076c1.311-.008%201.596-.955%201.575-1.426c.05-.31-.195-1.058-1.575-1.586c-1.725-.66-3.279-1.916-3.279-3.62c0-1.836%201.103-2.53%202.278-2.88z%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/lusd-background.svg?color=%231a73e8&size=48
