upp logo
upp-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- upp-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 upp 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(#SVGHcSWxdhd174)"><path fill="#21a0b4" d="M24 0H0v24h24z"/><path fill="#fff" d="m17.716 12.733l-2.178 3.76a.76.76 0 0 1 .044.569a.808.808 0 0 1-1.435.231H9.902a.808.808 0 0 1-1.404-.773L6.31 12.742a.81.81 0 0 1 .058-1.609l2.12-3.662a.813.813 0 0 1 1.4-.782h4.267a.81.81 0 0 1 1.39.804l2.107 3.644a.8.8 0 0 1 .063 1.6zm2.088-1.476l-3.262-5.626a1.48 1.48 0 0 0-1.284-.742H8.742c-.533 0-1.022.284-1.289.742L4.2 11.258a1.47 1.47 0 0 0 0 1.48l3.258 5.63a1.48 1.48 0 0 0 1.284.743h6.516c.533 0 1.022-.28 1.289-.742l3.253-5.632a1.47 1.47 0 0 0 0-1.48z"/><path fill="#fff" d="m17.005 11.377l-1.369-2.369l-5.106 2.862v.014a.813.813 0 0 1-1.618 0a.81.81 0 0 1 1.311-.627l5.067-2.84l-.267-.462a.8.8 0 0 1-1.009-.587h-3.991a.813.813 0 0 1-1.022.578L7 11.39a.8.8 0 0 1-.031 1.134l1.524 2.63l5.222-3.013l-.004-.075a.813.813 0 0 1 1.618 0a.809.809 0 0 1-1.271.666l-5.227 3.014l.178.302a.805.805 0 0 1 1.009.56h4a.81.81 0 0 1 .99-.564l2.027-3.507A.8.8 0 0 1 17 11.382z"/></g><defs><clipPath id="SVGHcSWxdhd174"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedUppBackground(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(#SVGHcSWxdhd174)"><path fill="#21a0b4" d="M24 0H0v24h24z"/><path fill="#fff" d="m17.716 12.733l-2.178 3.76a.76.76 0 0 1 .044.569a.808.808 0 0 1-1.435.231H9.902a.808.808 0 0 1-1.404-.773L6.31 12.742a.81.81 0 0 1 .058-1.609l2.12-3.662a.813.813 0 0 1 1.4-.782h4.267a.81.81 0 0 1 1.39.804l2.107 3.644a.8.8 0 0 1 .063 1.6zm2.088-1.476l-3.262-5.626a1.48 1.48 0 0 0-1.284-.742H8.742c-.533 0-1.022.284-1.289.742L4.2 11.258a1.47 1.47 0 0 0 0 1.48l3.258 5.63a1.48 1.48 0 0 0 1.284.743h6.516c.533 0 1.022-.28 1.289-.742l3.253-5.632a1.47 1.47 0 0 0 0-1.48z"/><path fill="#fff" d="m17.005 11.377l-1.369-2.369l-5.106 2.862v.014a.813.813 0 0 1-1.618 0a.81.81 0 0 1 1.311-.627l5.067-2.84l-.267-.462a.8.8 0 0 1-1.009-.587h-3.991a.813.813 0 0 1-1.022.578L7 11.39a.8.8 0 0 1-.031 1.134l1.524 2.63l5.222-3.013l-.004-.075a.813.813 0 0 1 1.618 0a.809.809 0 0 1-1.271.666l-5.227 3.014l.178.302a.805.805 0 0 1 1.009.56h4a.81.81 0 0 1 .99-.564l2.027-3.507A.8.8 0 0 1 17 11.382z"/></g><defs><clipPath id="SVGHcSWxdhd174"><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(#SVGHcSWxdhd174)"><path fill="#21a0b4" d="M24 0H0v24h24z"/><path fill="#fff" d="m17.716 12.733l-2.178 3.76a.76.76 0 0 1 .044.569a.808.808 0 0 1-1.435.231H9.902a.808.808 0 0 1-1.404-.773L6.31 12.742a.81.81 0 0 1 .058-1.609l2.12-3.662a.813.813 0 0 1 1.4-.782h4.267a.81.81 0 0 1 1.39.804l2.107 3.644a.8.8 0 0 1 .063 1.6zm2.088-1.476l-3.262-5.626a1.48 1.48 0 0 0-1.284-.742H8.742c-.533 0-1.022.284-1.289.742L4.2 11.258a1.47 1.47 0 0 0 0 1.48l3.258 5.63a1.48 1.48 0 0 0 1.284.743h6.516c.533 0 1.022-.28 1.289-.742l3.253-5.632a1.47 1.47 0 0 0 0-1.48z"/><path fill="#fff" d="m17.005 11.377l-1.369-2.369l-5.106 2.862v.014a.813.813 0 0 1-1.618 0a.81.81 0 0 1 1.311-.627l5.067-2.84l-.267-.462a.8.8 0 0 1-1.009-.587h-3.991a.813.813 0 0 1-1.022.578L7 11.39a.8.8 0 0 1-.031 1.134l1.524 2.63l5.222-3.013l-.004-.075a.813.813 0 0 1 1.618 0a.809.809 0 0 1-1.271.666l-5.227 3.014l.178.302a.805.805 0 0 1 1.009.56h4a.81.81 0 0 1 .99-.564l2.027-3.507A.8.8 0 0 1 17 11.382z"/></g><defs><clipPath id="SVGHcSWxdhd174"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-upp-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(%23SVGHcSWxdhd174)%22%3E%3Cpath%20fill%3D%22%2321a0b4%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m17.716%2012.733l-2.178%203.76a.76.76%200%200%201%20.044.569a.808.808%200%200%201-1.435.231H9.902a.808.808%200%200%201-1.404-.773L6.31%2012.742a.81.81%200%200%201%20.058-1.609l2.12-3.662a.813.813%200%200%201%201.4-.782h4.267a.81.81%200%200%201%201.39.804l2.107%203.644a.8.8%200%200%201%20.063%201.6zm2.088-1.476l-3.262-5.626a1.48%201.48%200%200%200-1.284-.742H8.742c-.533%200-1.022.284-1.289.742L4.2%2011.258a1.47%201.47%200%200%200%200%201.48l3.258%205.63a1.48%201.48%200%200%200%201.284.743h6.516c.533%200%201.022-.28%201.289-.742l3.253-5.632a1.47%201.47%200%200%200%200-1.48z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m17.005%2011.377l-1.369-2.369l-5.106%202.862v.014a.813.813%200%200%201-1.618%200a.81.81%200%200%201%201.311-.627l5.067-2.84l-.267-.462a.8.8%200%200%201-1.009-.587h-3.991a.813.813%200%200%201-1.022.578L7%2011.39a.8.8%200%200%201-.031%201.134l1.524%202.63l5.222-3.013l-.004-.075a.813.813%200%200%201%201.618%200a.809.809%200%200%201-1.271.666l-5.227%203.014l.178.302a.805.805%200%200%201%201.009.56h4a.81.81%200%200%201%20.99-.564l2.027-3.507A.8.8%200%200%201%2017%2011.382z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd174%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(%23SVGHcSWxdhd174)%22%3E%3Cpath%20fill%3D%22%2321a0b4%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m17.716%2012.733l-2.178%203.76a.76.76%200%200%201%20.044.569a.808.808%200%200%201-1.435.231H9.902a.808.808%200%200%201-1.404-.773L6.31%2012.742a.81.81%200%200%201%20.058-1.609l2.12-3.662a.813.813%200%200%201%201.4-.782h4.267a.81.81%200%200%201%201.39.804l2.107%203.644a.8.8%200%200%201%20.063%201.6zm2.088-1.476l-3.262-5.626a1.48%201.48%200%200%200-1.284-.742H8.742c-.533%200-1.022.284-1.289.742L4.2%2011.258a1.47%201.47%200%200%200%200%201.48l3.258%205.63a1.48%201.48%200%200%200%201.284.743h6.516c.533%200%201.022-.28%201.289-.742l3.253-5.632a1.47%201.47%200%200%200%200-1.48z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m17.005%2011.377l-1.369-2.369l-5.106%202.862v.014a.813.813%200%200%201-1.618%200a.81.81%200%200%201%201.311-.627l5.067-2.84l-.267-.462a.8.8%200%200%201-1.009-.587h-3.991a.813.813%200%200%201-1.022.578L7%2011.39a.8.8%200%200%201-.031%201.134l1.524%202.63l5.222-3.013l-.004-.075a.813.813%200%200%201%201.618%200a.809.809%200%200%201-1.271.666l-5.227%203.014l.178.302a.805.805%200%200%201%201.009.56h4a.81.81%200%200%201%20.99-.564l2.027-3.507A.8.8%200%200%201%2017%2011.382z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd174%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/upp-background.svg?color=%231a73e8&size=48
