xch logo
xch-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- xch-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 xch 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(#SVGHcSWxdhd37)"><path fill="#3aac59" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.74 10.783h1.39v4.174h-1.39zm-2.074 0c-.299 0-.946.018-1.405.38V9.387H8.87V12c.139.062.445.135.59.215l.123.07l.059.034s-.814 1.232-1.92 1.49c-.658.152-1.426-.036-1.586-.672l-.014-.077a4.6 4.6 0 0 1 .876-.396l.021-.007c.647-.23 1.19-.306 1.19-.306a4.7 4.7 0 0 0-1.273.059h-.007c-.32.063-.585.153-.79.243a1.39 1.39 0 0 1 1.144-.994l.035-.007l.105-.01h.034l.13-.008h.027l.108.007h.041l.035.007c.209.021.439.073.724.167v-.9c-.14-.043-.25-.08-.404-.119a3.9 3.9 0 0 0-1.843-.035c-1.207.285-1.552 1.155-1.552 2.212q-.001.208.035.383A5 5 0 0 0 4 13.94l.81-.348c.307 1.016 1.381 1.357 2.192 1.357c.841 0 1.224-.233 1.868-.623v.63h1.39v-2.595c0-.302.557-.48.815-.48c.337 0 .577.23.577.602v2.473h1.392v-2.873c0-.86-.557-1.3-1.378-1.3m2.769-1.739a.67.67 0 0 0-.696.696c0 .407.289.695.696.695a.67.67 0 0 0 .695-.695a.67.67 0 0 0-.695-.696m5.217 3.478v-1.739h-1.391v.376c-1.353-.856-2.129.024-2.129.024c-.417.365-.654.957-.654 1.694c0 1.304.8 2.08 1.833 2.08c.39 0 .748-.087 1.058-.508c.035.101.114.425.17.508H20c-.25-.404-.355-2.024-.348-2.435m-2.014 1.305c-.452 0-.775-.39-.775-.94s.323-.939.775-.939c.32 0 .501.192.623.494v.89c-.122.303-.303.495-.623.495"/></g><defs><clipPath id="SVGHcSWxdhd37"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedXchBackground(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(#SVGHcSWxdhd37)"><path fill="#3aac59" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.74 10.783h1.39v4.174h-1.39zm-2.074 0c-.299 0-.946.018-1.405.38V9.387H8.87V12c.139.062.445.135.59.215l.123.07l.059.034s-.814 1.232-1.92 1.49c-.658.152-1.426-.036-1.586-.672l-.014-.077a4.6 4.6 0 0 1 .876-.396l.021-.007c.647-.23 1.19-.306 1.19-.306a4.7 4.7 0 0 0-1.273.059h-.007c-.32.063-.585.153-.79.243a1.39 1.39 0 0 1 1.144-.994l.035-.007l.105-.01h.034l.13-.008h.027l.108.007h.041l.035.007c.209.021.439.073.724.167v-.9c-.14-.043-.25-.08-.404-.119a3.9 3.9 0 0 0-1.843-.035c-1.207.285-1.552 1.155-1.552 2.212q-.001.208.035.383A5 5 0 0 0 4 13.94l.81-.348c.307 1.016 1.381 1.357 2.192 1.357c.841 0 1.224-.233 1.868-.623v.63h1.39v-2.595c0-.302.557-.48.815-.48c.337 0 .577.23.577.602v2.473h1.392v-2.873c0-.86-.557-1.3-1.378-1.3m2.769-1.739a.67.67 0 0 0-.696.696c0 .407.289.695.696.695a.67.67 0 0 0 .695-.695a.67.67 0 0 0-.695-.696m5.217 3.478v-1.739h-1.391v.376c-1.353-.856-2.129.024-2.129.024c-.417.365-.654.957-.654 1.694c0 1.304.8 2.08 1.833 2.08c.39 0 .748-.087 1.058-.508c.035.101.114.425.17.508H20c-.25-.404-.355-2.024-.348-2.435m-2.014 1.305c-.452 0-.775-.39-.775-.94s.323-.939.775-.939c.32 0 .501.192.623.494v.89c-.122.303-.303.495-.623.495"/></g><defs><clipPath id="SVGHcSWxdhd37"><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(#SVGHcSWxdhd37)"><path fill="#3aac59" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.74 10.783h1.39v4.174h-1.39zm-2.074 0c-.299 0-.946.018-1.405.38V9.387H8.87V12c.139.062.445.135.59.215l.123.07l.059.034s-.814 1.232-1.92 1.49c-.658.152-1.426-.036-1.586-.672l-.014-.077a4.6 4.6 0 0 1 .876-.396l.021-.007c.647-.23 1.19-.306 1.19-.306a4.7 4.7 0 0 0-1.273.059h-.007c-.32.063-.585.153-.79.243a1.39 1.39 0 0 1 1.144-.994l.035-.007l.105-.01h.034l.13-.008h.027l.108.007h.041l.035.007c.209.021.439.073.724.167v-.9c-.14-.043-.25-.08-.404-.119a3.9 3.9 0 0 0-1.843-.035c-1.207.285-1.552 1.155-1.552 2.212q-.001.208.035.383A5 5 0 0 0 4 13.94l.81-.348c.307 1.016 1.381 1.357 2.192 1.357c.841 0 1.224-.233 1.868-.623v.63h1.39v-2.595c0-.302.557-.48.815-.48c.337 0 .577.23.577.602v2.473h1.392v-2.873c0-.86-.557-1.3-1.378-1.3m2.769-1.739a.67.67 0 0 0-.696.696c0 .407.289.695.696.695a.67.67 0 0 0 .695-.695a.67.67 0 0 0-.695-.696m5.217 3.478v-1.739h-1.391v.376c-1.353-.856-2.129.024-2.129.024c-.417.365-.654.957-.654 1.694c0 1.304.8 2.08 1.833 2.08c.39 0 .748-.087 1.058-.508c.035.101.114.425.17.508H20c-.25-.404-.355-2.024-.348-2.435m-2.014 1.305c-.452 0-.775-.39-.775-.94s.323-.939.775-.939c.32 0 .501.192.623.494v.89c-.122.303-.303.495-.623.495"/></g><defs><clipPath id="SVGHcSWxdhd37"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-xch-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(%23SVGHcSWxdhd37)%22%3E%3Cpath%20fill%3D%22%233aac59%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.74%2010.783h1.39v4.174h-1.39zm-2.074%200c-.299%200-.946.018-1.405.38V9.387H8.87V12c.139.062.445.135.59.215l.123.07l.059.034s-.814%201.232-1.92%201.49c-.658.152-1.426-.036-1.586-.672l-.014-.077a4.6%204.6%200%200%201%20.876-.396l.021-.007c.647-.23%201.19-.306%201.19-.306a4.7%204.7%200%200%200-1.273.059h-.007c-.32.063-.585.153-.79.243a1.39%201.39%200%200%201%201.144-.994l.035-.007l.105-.01h.034l.13-.008h.027l.108.007h.041l.035.007c.209.021.439.073.724.167v-.9c-.14-.043-.25-.08-.404-.119a3.9%203.9%200%200%200-1.843-.035c-1.207.285-1.552%201.155-1.552%202.212q-.001.208.035.383A5%205%200%200%200%204%2013.94l.81-.348c.307%201.016%201.381%201.357%202.192%201.357c.841%200%201.224-.233%201.868-.623v.63h1.39v-2.595c0-.302.557-.48.815-.48c.337%200%20.577.23.577.602v2.473h1.392v-2.873c0-.86-.557-1.3-1.378-1.3m2.769-1.739a.67.67%200%200%200-.696.696c0%20.407.289.695.696.695a.67.67%200%200%200%20.695-.695a.67.67%200%200%200-.695-.696m5.217%203.478v-1.739h-1.391v.376c-1.353-.856-2.129.024-2.129.024c-.417.365-.654.957-.654%201.694c0%201.304.8%202.08%201.833%202.08c.39%200%20.748-.087%201.058-.508c.035.101.114.425.17.508H20c-.25-.404-.355-2.024-.348-2.435m-2.014%201.305c-.452%200-.775-.39-.775-.94s.323-.939.775-.939c.32%200%20.501.192.623.494v.89c-.122.303-.303.495-.623.495%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd37%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(%23SVGHcSWxdhd37)%22%3E%3Cpath%20fill%3D%22%233aac59%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.74%2010.783h1.39v4.174h-1.39zm-2.074%200c-.299%200-.946.018-1.405.38V9.387H8.87V12c.139.062.445.135.59.215l.123.07l.059.034s-.814%201.232-1.92%201.49c-.658.152-1.426-.036-1.586-.672l-.014-.077a4.6%204.6%200%200%201%20.876-.396l.021-.007c.647-.23%201.19-.306%201.19-.306a4.7%204.7%200%200%200-1.273.059h-.007c-.32.063-.585.153-.79.243a1.39%201.39%200%200%201%201.144-.994l.035-.007l.105-.01h.034l.13-.008h.027l.108.007h.041l.035.007c.209.021.439.073.724.167v-.9c-.14-.043-.25-.08-.404-.119a3.9%203.9%200%200%200-1.843-.035c-1.207.285-1.552%201.155-1.552%202.212q-.001.208.035.383A5%205%200%200%200%204%2013.94l.81-.348c.307%201.016%201.381%201.357%202.192%201.357c.841%200%201.224-.233%201.868-.623v.63h1.39v-2.595c0-.302.557-.48.815-.48c.337%200%20.577.23.577.602v2.473h1.392v-2.873c0-.86-.557-1.3-1.378-1.3m2.769-1.739a.67.67%200%200%200-.696.696c0%20.407.289.695.696.695a.67.67%200%200%200%20.695-.695a.67.67%200%200%200-.695-.696m5.217%203.478v-1.739h-1.391v.376c-1.353-.856-2.129.024-2.129.024c-.417.365-.654.957-.654%201.694c0%201.304.8%202.08%201.833%202.08c.39%200%20.748-.087%201.058-.508c.035.101.114.425.17.508H20c-.25-.404-.355-2.024-.348-2.435m-2.014%201.305c-.452%200-.775-.39-.775-.94s.323-.939.775-.939c.32%200%20.501.192.623.494v.89c-.122.303-.303.495-.623.495%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd37%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/xch-background.svg?color=%231a73e8&size=48
