xcp logo
xcp-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- xcp-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 xcp 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(#SVGHcSWxdhd25)"><path fill="#ed1650" d="M24 0H0v24h24z"/><path fill="#fff" d="M17.46 7h-2.948a.45.45 0 0 0-.321.13l-5.387 5.32a.48.48 0 0 1-.32.15h-.986a.48.48 0 0 1-.321-.15l-.644-.54a.47.47 0 0 1-.132-.327v-1a.47.47 0 0 1 .132-.33l.644-.714a.46.46 0 0 1 .32-.139h.986c.124 0 .234.058.321.139l.43.438c.174.18.47.18.643 0l1.036-1.052a.47.47 0 0 0 0-.657l-1.13-1.132A.45.45 0 0 0 9.462 7H6.506a.46.46 0 0 0-.321.136l-2.081 2.11c-.087.09-.107.213-.104.337v3c0 .124.023.24.104.328l2.087 1.976a.44.44 0 0 0 .321.114h2.956a.44.44 0 0 0 .322-.122l5.378-5.333c.082-.09.2-.143.321-.146h.993c.117 0 .233.058.321.146l.693.708c.085.088.105.206.104.328v.849c0 .122-.019.24-.104.328l-.693.716a.45.45 0 0 1-.321.125h-.993a.45.45 0 0 1-.32-.125l-.432-.36a.45.45 0 0 0-.634-.007l-1.149 1.343a.48.48 0 0 0-.154.328v2.782c0 .256.22.44.468.44h1.47c.25-.005.466-.19.462-.44v-1.1a.45.45 0 0 1 .45-.46h1.81c.12 0 .237-.048.321-.132l2.087-1.958a.47.47 0 0 0 .132-.329v-3a.47.47 0 0 0-.131-.328L17.78 7.13a.45.45 0 0 0-.32-.13"/></g><defs><clipPath id="SVGHcSWxdhd25"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedXcpBackground(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(#SVGHcSWxdhd25)"><path fill="#ed1650" d="M24 0H0v24h24z"/><path fill="#fff" d="M17.46 7h-2.948a.45.45 0 0 0-.321.13l-5.387 5.32a.48.48 0 0 1-.32.15h-.986a.48.48 0 0 1-.321-.15l-.644-.54a.47.47 0 0 1-.132-.327v-1a.47.47 0 0 1 .132-.33l.644-.714a.46.46 0 0 1 .32-.139h.986c.124 0 .234.058.321.139l.43.438c.174.18.47.18.643 0l1.036-1.052a.47.47 0 0 0 0-.657l-1.13-1.132A.45.45 0 0 0 9.462 7H6.506a.46.46 0 0 0-.321.136l-2.081 2.11c-.087.09-.107.213-.104.337v3c0 .124.023.24.104.328l2.087 1.976a.44.44 0 0 0 .321.114h2.956a.44.44 0 0 0 .322-.122l5.378-5.333c.082-.09.2-.143.321-.146h.993c.117 0 .233.058.321.146l.693.708c.085.088.105.206.104.328v.849c0 .122-.019.24-.104.328l-.693.716a.45.45 0 0 1-.321.125h-.993a.45.45 0 0 1-.32-.125l-.432-.36a.45.45 0 0 0-.634-.007l-1.149 1.343a.48.48 0 0 0-.154.328v2.782c0 .256.22.44.468.44h1.47c.25-.005.466-.19.462-.44v-1.1a.45.45 0 0 1 .45-.46h1.81c.12 0 .237-.048.321-.132l2.087-1.958a.47.47 0 0 0 .132-.329v-3a.47.47 0 0 0-.131-.328L17.78 7.13a.45.45 0 0 0-.32-.13"/></g><defs><clipPath id="SVGHcSWxdhd25"><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(#SVGHcSWxdhd25)"><path fill="#ed1650" d="M24 0H0v24h24z"/><path fill="#fff" d="M17.46 7h-2.948a.45.45 0 0 0-.321.13l-5.387 5.32a.48.48 0 0 1-.32.15h-.986a.48.48 0 0 1-.321-.15l-.644-.54a.47.47 0 0 1-.132-.327v-1a.47.47 0 0 1 .132-.33l.644-.714a.46.46 0 0 1 .32-.139h.986c.124 0 .234.058.321.139l.43.438c.174.18.47.18.643 0l1.036-1.052a.47.47 0 0 0 0-.657l-1.13-1.132A.45.45 0 0 0 9.462 7H6.506a.46.46 0 0 0-.321.136l-2.081 2.11c-.087.09-.107.213-.104.337v3c0 .124.023.24.104.328l2.087 1.976a.44.44 0 0 0 .321.114h2.956a.44.44 0 0 0 .322-.122l5.378-5.333c.082-.09.2-.143.321-.146h.993c.117 0 .233.058.321.146l.693.708c.085.088.105.206.104.328v.849c0 .122-.019.24-.104.328l-.693.716a.45.45 0 0 1-.321.125h-.993a.45.45 0 0 1-.32-.125l-.432-.36a.45.45 0 0 0-.634-.007l-1.149 1.343a.48.48 0 0 0-.154.328v2.782c0 .256.22.44.468.44h1.47c.25-.005.466-.19.462-.44v-1.1a.45.45 0 0 1 .45-.46h1.81c.12 0 .237-.048.321-.132l2.087-1.958a.47.47 0 0 0 .132-.329v-3a.47.47 0 0 0-.131-.328L17.78 7.13a.45.45 0 0 0-.32-.13"/></g><defs><clipPath id="SVGHcSWxdhd25"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-xcp-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(%23SVGHcSWxdhd25)%22%3E%3Cpath%20fill%3D%22%23ed1650%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.46%207h-2.948a.45.45%200%200%200-.321.13l-5.387%205.32a.48.48%200%200%201-.32.15h-.986a.48.48%200%200%201-.321-.15l-.644-.54a.47.47%200%200%201-.132-.327v-1a.47.47%200%200%201%20.132-.33l.644-.714a.46.46%200%200%201%20.32-.139h.986c.124%200%20.234.058.321.139l.43.438c.174.18.47.18.643%200l1.036-1.052a.47.47%200%200%200%200-.657l-1.13-1.132A.45.45%200%200%200%209.462%207H6.506a.46.46%200%200%200-.321.136l-2.081%202.11c-.087.09-.107.213-.104.337v3c0%20.124.023.24.104.328l2.087%201.976a.44.44%200%200%200%20.321.114h2.956a.44.44%200%200%200%20.322-.122l5.378-5.333c.082-.09.2-.143.321-.146h.993c.117%200%20.233.058.321.146l.693.708c.085.088.105.206.104.328v.849c0%20.122-.019.24-.104.328l-.693.716a.45.45%200%200%201-.321.125h-.993a.45.45%200%200%201-.32-.125l-.432-.36a.45.45%200%200%200-.634-.007l-1.149%201.343a.48.48%200%200%200-.154.328v2.782c0%20.256.22.44.468.44h1.47c.25-.005.466-.19.462-.44v-1.1a.45.45%200%200%201%20.45-.46h1.81c.12%200%20.237-.048.321-.132l2.087-1.958a.47.47%200%200%200%20.132-.329v-3a.47.47%200%200%200-.131-.328L17.78%207.13a.45.45%200%200%200-.32-.13%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd25%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(%23SVGHcSWxdhd25)%22%3E%3Cpath%20fill%3D%22%23ed1650%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.46%207h-2.948a.45.45%200%200%200-.321.13l-5.387%205.32a.48.48%200%200%201-.32.15h-.986a.48.48%200%200%201-.321-.15l-.644-.54a.47.47%200%200%201-.132-.327v-1a.47.47%200%200%201%20.132-.33l.644-.714a.46.46%200%200%201%20.32-.139h.986c.124%200%20.234.058.321.139l.43.438c.174.18.47.18.643%200l1.036-1.052a.47.47%200%200%200%200-.657l-1.13-1.132A.45.45%200%200%200%209.462%207H6.506a.46.46%200%200%200-.321.136l-2.081%202.11c-.087.09-.107.213-.104.337v3c0%20.124.023.24.104.328l2.087%201.976a.44.44%200%200%200%20.321.114h2.956a.44.44%200%200%200%20.322-.122l5.378-5.333c.082-.09.2-.143.321-.146h.993c.117%200%20.233.058.321.146l.693.708c.085.088.105.206.104.328v.849c0%20.122-.019.24-.104.328l-.693.716a.45.45%200%200%201-.321.125h-.993a.45.45%200%200%201-.32-.125l-.432-.36a.45.45%200%200%200-.634-.007l-1.149%201.343a.48.48%200%200%200-.154.328v2.782c0%20.256.22.44.468.44h1.47c.25-.005.466-.19.462-.44v-1.1a.45.45%200%200%201%20.45-.46h1.81c.12%200%20.237-.048.321-.132l2.087-1.958a.47.47%200%200%200%20.132-.329v-3a.47.47%200%200%200-.131-.328L17.78%207.13a.45.45%200%200%200-.32-.13%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd25%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/xcp-background.svg?color=%231a73e8&size=48
