uqc logo
uqc-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- uqc-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 uqc 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="#cf3339" d="M24 0H0v24h24z"/><path fill="#fff" d="M14.838 14.064V4.258l2.58 5.161v10.15c-.773.173-2.58.173-2.58.173zl-1.548 3.097h-2.58l-1.55-3.097v5.678s-1.587.025-2.58-.174V9.42l2.58-5.161v9.806z"/><path fill="#fff" d="M6.58 19.568C5.507 19.318 4 18.255 4 17.176V4.258l2.58 5.161zm10.84 0c1.074-.25 2.58-1.313 2.58-2.392V4.258l-2.58 5.161z"/><path fill="#fff" d="M6.58 9.42L4 4.257h5.161zm10.84 0L20 4.257h-5.161zm-2.582 10.32H9.16l1.549-2.58h2.58z"/><path fill="#fff" d="M10.709 17.16L9.16 19.74v-5.677zm4.129 2.58l-1.549-2.58l1.549-3.097z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedUqcBackground(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="#cf3339" d="M24 0H0v24h24z"/><path fill="#fff" d="M14.838 14.064V4.258l2.58 5.161v10.15c-.773.173-2.58.173-2.58.173zl-1.548 3.097h-2.58l-1.55-3.097v5.678s-1.587.025-2.58-.174V9.42l2.58-5.161v9.806z"/><path fill="#fff" d="M6.58 19.568C5.507 19.318 4 18.255 4 17.176V4.258l2.58 5.161zm10.84 0c1.074-.25 2.58-1.313 2.58-2.392V4.258l-2.58 5.161z"/><path fill="#fff" d="M6.58 9.42L4 4.257h5.161zm10.84 0L20 4.257h-5.161zm-2.582 10.32H9.16l1.549-2.58h2.58z"/><path fill="#fff" d="M10.709 17.16L9.16 19.74v-5.677zm4.129 2.58l-1.549-2.58l1.549-3.097z"/></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="#cf3339" d="M24 0H0v24h24z"/><path fill="#fff" d="M14.838 14.064V4.258l2.58 5.161v10.15c-.773.173-2.58.173-2.58.173zl-1.548 3.097h-2.58l-1.55-3.097v5.678s-1.587.025-2.58-.174V9.42l2.58-5.161v9.806z"/><path fill="#fff" d="M6.58 19.568C5.507 19.318 4 18.255 4 17.176V4.258l2.58 5.161zm10.84 0c1.074-.25 2.58-1.313 2.58-2.392V4.258l-2.58 5.161z"/><path fill="#fff" d="M6.58 9.42L4 4.257h5.161zm10.84 0L20 4.257h-5.161zm-2.582 10.32H9.16l1.549-2.58h2.58z"/><path fill="#fff" d="M10.709 17.16L9.16 19.74v-5.677zm4.129 2.58l-1.549-2.58l1.549-3.097z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-uqc-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%23cf3339%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.838%2014.064V4.258l2.58%205.161v10.15c-.773.173-2.58.173-2.58.173zl-1.548%203.097h-2.58l-1.55-3.097v5.678s-1.587.025-2.58-.174V9.42l2.58-5.161v9.806z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.58%2019.568C5.507%2019.318%204%2018.255%204%2017.176V4.258l2.58%205.161zm10.84%200c1.074-.25%202.58-1.313%202.58-2.392V4.258l-2.58%205.161z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.58%209.42L4%204.257h5.161zm10.84%200L20%204.257h-5.161zm-2.582%2010.32H9.16l1.549-2.58h2.58z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.709%2017.16L9.16%2019.74v-5.677zm4.129%202.58l-1.549-2.58l1.549-3.097z%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%23cf3339%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.838%2014.064V4.258l2.58%205.161v10.15c-.773.173-2.58.173-2.58.173zl-1.548%203.097h-2.58l-1.55-3.097v5.678s-1.587.025-2.58-.174V9.42l2.58-5.161v9.806z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.58%2019.568C5.507%2019.318%204%2018.255%204%2017.176V4.258l2.58%205.161zm10.84%200c1.074-.25%202.58-1.313%202.58-2.392V4.258l-2.58%205.161z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.58%209.42L4%204.257h5.161zm10.84%200L20%204.257h-5.161zm-2.582%2010.32H9.16l1.549-2.58h2.58z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.709%2017.16L9.16%2019.74v-5.677zm4.129%202.58l-1.549-2.58l1.549-3.097z%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/uqc-background.svg?color=%231a73e8&size=48
