xwg logo
xwg-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- xwg-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 xwg 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(#SVGHcSWxdhd43)"><path fill="#d42c78" d="M24 0H0v24h24z"/><path fill="#fff" d="M20 12.196s-.328-.72-1.107-1.175l-.097.539a4.1 4.1 0 0 1 1.204.631zM4 7.197s.354.817.657 2.105l.412-1.115z"/><path fill="#fff" d="m5.07 8.187l-.413 1.112c.232.989.413 2.26.38 3.663l.715-2.085c-.05-.404-.097-.833-.168-1.284l.458.438l.245-.707z"/><path fill="#fff" d="M6.577 11.523s.472 2.711-.657 5.28c0 0 .135-.051.388-.127l1.339-4.126a9 9 0 0 1-1.07-1.027m-.303-2.224l-.244.72l1.87 1.748l.243-.746zm-2.021 7.466s2.118-.169 1.486-5.9l-.716 2.089a11.4 11.4 0 0 1-.766 3.81z"/><path fill="#fff" d="m10.089 10.9l-.476.623s.16.185.425.455l.194-.918a2 2 0 0 1-.143-.16m.51-1.478l.365-1.71l-2.783 3.348l-.038-.038l-.244.745l.282.257zM7.22 15.594s.316-1.237.22-2.26l1.852 1.17s.088-.046.236-.16l.278-1.305c-.156.126-.316.257-.497.379c0 0-.716-.135-1.663-.868l-1.34 4.127a17 17 0 0 1 2.834-.594l.215-.981q-1.09.153-2.135.492"/><path fill="#fff" d="m11.074 8.908l1.575 1.748l.21-.952l-1.886-1.992h-.013l-.362 1.71l.472-.514zm.93 4.804l.17-.796c-.157-.122-.338-.282-.548-.45c.27-.282.564-.61.854-.968v-.021l-.496-.611s-.329.438-.935 1.053q-.417-.415-.817-.847l-.194.914l.464.463c-.211.198-.451.396-.695.602l-.278 1.306c.295-.207.863-.645 1.579-1.356q.438.368.897.711m-2.648 1.381l-.214.977a21 21 0 0 1 2.391-.185l.21-.964c-.757 0-1.557.046-2.387.168z"/><path fill="#fff" d="M13.305 13.601s-.35-.076-1.128-.686l-.169.796c.472.336.969.644 1.445.829c0 0 .45-.707 1.191-1.453l.206-1.09a8.4 8.4 0 0 0-1.545 1.6zm.573-1.579l1.166-1.099l.206-1.111l-1.225 1.136l-1.166-1.246l-.21.952zm-2.14 2.91l-.21.968a20 20 0 0 1 2.544.105l.168-.905a19 19 0 0 0-2.501-.168m5.482-4.252l-.244.905a3.15 3.15 0 0 1 1.81-.012l.097-.54a2.65 2.65 0 0 0-1.667-.353z"/><path fill="#fff" d="M16.598 15.606s-.244-.076-.657-.185l-.219.829c.682.135 1.373.32 2.08.539c0 0-1.07-2.05-.825-5.221l-.707 2.619c.075.463.18.939.328 1.419"/><path fill="#fff" d="M16.572 9.459s-.219.61-.35 1.612a8.3 8.3 0 0 0-1.389.927l-.202 1.09a6.8 6.8 0 0 1 1.516-1.162c-.038.76.004 1.522.126 2.274l.943-3.52c-.046 0-.084.013-.13.013c.183-1.203.53-2.375 1.032-3.483c0 0-1.643 1.491-2.843 2.603l-.21 1.111zM14.24 15.1l-.169.905q.802.094 1.642.257l.22-.83a15 15 0 0 0-1.693-.332"/></g><defs><clipPath id="SVGHcSWxdhd43"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedXwgBackground(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(#SVGHcSWxdhd43)"><path fill="#d42c78" d="M24 0H0v24h24z"/><path fill="#fff" d="M20 12.196s-.328-.72-1.107-1.175l-.097.539a4.1 4.1 0 0 1 1.204.631zM4 7.197s.354.817.657 2.105l.412-1.115z"/><path fill="#fff" d="m5.07 8.187l-.413 1.112c.232.989.413 2.26.38 3.663l.715-2.085c-.05-.404-.097-.833-.168-1.284l.458.438l.245-.707z"/><path fill="#fff" d="M6.577 11.523s.472 2.711-.657 5.28c0 0 .135-.051.388-.127l1.339-4.126a9 9 0 0 1-1.07-1.027m-.303-2.224l-.244.72l1.87 1.748l.243-.746zm-2.021 7.466s2.118-.169 1.486-5.9l-.716 2.089a11.4 11.4 0 0 1-.766 3.81z"/><path fill="#fff" d="m10.089 10.9l-.476.623s.16.185.425.455l.194-.918a2 2 0 0 1-.143-.16m.51-1.478l.365-1.71l-2.783 3.348l-.038-.038l-.244.745l.282.257zM7.22 15.594s.316-1.237.22-2.26l1.852 1.17s.088-.046.236-.16l.278-1.305c-.156.126-.316.257-.497.379c0 0-.716-.135-1.663-.868l-1.34 4.127a17 17 0 0 1 2.834-.594l.215-.981q-1.09.153-2.135.492"/><path fill="#fff" d="m11.074 8.908l1.575 1.748l.21-.952l-1.886-1.992h-.013l-.362 1.71l.472-.514zm.93 4.804l.17-.796c-.157-.122-.338-.282-.548-.45c.27-.282.564-.61.854-.968v-.021l-.496-.611s-.329.438-.935 1.053q-.417-.415-.817-.847l-.194.914l.464.463c-.211.198-.451.396-.695.602l-.278 1.306c.295-.207.863-.645 1.579-1.356q.438.368.897.711m-2.648 1.381l-.214.977a21 21 0 0 1 2.391-.185l.21-.964c-.757 0-1.557.046-2.387.168z"/><path fill="#fff" d="M13.305 13.601s-.35-.076-1.128-.686l-.169.796c.472.336.969.644 1.445.829c0 0 .45-.707 1.191-1.453l.206-1.09a8.4 8.4 0 0 0-1.545 1.6zm.573-1.579l1.166-1.099l.206-1.111l-1.225 1.136l-1.166-1.246l-.21.952zm-2.14 2.91l-.21.968a20 20 0 0 1 2.544.105l.168-.905a19 19 0 0 0-2.501-.168m5.482-4.252l-.244.905a3.15 3.15 0 0 1 1.81-.012l.097-.54a2.65 2.65 0 0 0-1.667-.353z"/><path fill="#fff" d="M16.598 15.606s-.244-.076-.657-.185l-.219.829c.682.135 1.373.32 2.08.539c0 0-1.07-2.05-.825-5.221l-.707 2.619c.075.463.18.939.328 1.419"/><path fill="#fff" d="M16.572 9.459s-.219.61-.35 1.612a8.3 8.3 0 0 0-1.389.927l-.202 1.09a6.8 6.8 0 0 1 1.516-1.162c-.038.76.004 1.522.126 2.274l.943-3.52c-.046 0-.084.013-.13.013c.183-1.203.53-2.375 1.032-3.483c0 0-1.643 1.491-2.843 2.603l-.21 1.111zM14.24 15.1l-.169.905q.802.094 1.642.257l.22-.83a15 15 0 0 0-1.693-.332"/></g><defs><clipPath id="SVGHcSWxdhd43"><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(#SVGHcSWxdhd43)"><path fill="#d42c78" d="M24 0H0v24h24z"/><path fill="#fff" d="M20 12.196s-.328-.72-1.107-1.175l-.097.539a4.1 4.1 0 0 1 1.204.631zM4 7.197s.354.817.657 2.105l.412-1.115z"/><path fill="#fff" d="m5.07 8.187l-.413 1.112c.232.989.413 2.26.38 3.663l.715-2.085c-.05-.404-.097-.833-.168-1.284l.458.438l.245-.707z"/><path fill="#fff" d="M6.577 11.523s.472 2.711-.657 5.28c0 0 .135-.051.388-.127l1.339-4.126a9 9 0 0 1-1.07-1.027m-.303-2.224l-.244.72l1.87 1.748l.243-.746zm-2.021 7.466s2.118-.169 1.486-5.9l-.716 2.089a11.4 11.4 0 0 1-.766 3.81z"/><path fill="#fff" d="m10.089 10.9l-.476.623s.16.185.425.455l.194-.918a2 2 0 0 1-.143-.16m.51-1.478l.365-1.71l-2.783 3.348l-.038-.038l-.244.745l.282.257zM7.22 15.594s.316-1.237.22-2.26l1.852 1.17s.088-.046.236-.16l.278-1.305c-.156.126-.316.257-.497.379c0 0-.716-.135-1.663-.868l-1.34 4.127a17 17 0 0 1 2.834-.594l.215-.981q-1.09.153-2.135.492"/><path fill="#fff" d="m11.074 8.908l1.575 1.748l.21-.952l-1.886-1.992h-.013l-.362 1.71l.472-.514zm.93 4.804l.17-.796c-.157-.122-.338-.282-.548-.45c.27-.282.564-.61.854-.968v-.021l-.496-.611s-.329.438-.935 1.053q-.417-.415-.817-.847l-.194.914l.464.463c-.211.198-.451.396-.695.602l-.278 1.306c.295-.207.863-.645 1.579-1.356q.438.368.897.711m-2.648 1.381l-.214.977a21 21 0 0 1 2.391-.185l.21-.964c-.757 0-1.557.046-2.387.168z"/><path fill="#fff" d="M13.305 13.601s-.35-.076-1.128-.686l-.169.796c.472.336.969.644 1.445.829c0 0 .45-.707 1.191-1.453l.206-1.09a8.4 8.4 0 0 0-1.545 1.6zm.573-1.579l1.166-1.099l.206-1.111l-1.225 1.136l-1.166-1.246l-.21.952zm-2.14 2.91l-.21.968a20 20 0 0 1 2.544.105l.168-.905a19 19 0 0 0-2.501-.168m5.482-4.252l-.244.905a3.15 3.15 0 0 1 1.81-.012l.097-.54a2.65 2.65 0 0 0-1.667-.353z"/><path fill="#fff" d="M16.598 15.606s-.244-.076-.657-.185l-.219.829c.682.135 1.373.32 2.08.539c0 0-1.07-2.05-.825-5.221l-.707 2.619c.075.463.18.939.328 1.419"/><path fill="#fff" d="M16.572 9.459s-.219.61-.35 1.612a8.3 8.3 0 0 0-1.389.927l-.202 1.09a6.8 6.8 0 0 1 1.516-1.162c-.038.76.004 1.522.126 2.274l.943-3.52c-.046 0-.084.013-.13.013c.183-1.203.53-2.375 1.032-3.483c0 0-1.643 1.491-2.843 2.603l-.21 1.111zM14.24 15.1l-.169.905q.802.094 1.642.257l.22-.83a15 15 0 0 0-1.693-.332"/></g><defs><clipPath id="SVGHcSWxdhd43"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-xwg-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(%23SVGHcSWxdhd43)%22%3E%3Cpath%20fill%3D%22%23d42c78%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M20%2012.196s-.328-.72-1.107-1.175l-.097.539a4.1%204.1%200%200%201%201.204.631zM4%207.197s.354.817.657%202.105l.412-1.115z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m5.07%208.187l-.413%201.112c.232.989.413%202.26.38%203.663l.715-2.085c-.05-.404-.097-.833-.168-1.284l.458.438l.245-.707z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.577%2011.523s.472%202.711-.657%205.28c0%200%20.135-.051.388-.127l1.339-4.126a9%209%200%200%201-1.07-1.027m-.303-2.224l-.244.72l1.87%201.748l.243-.746zm-2.021%207.466s2.118-.169%201.486-5.9l-.716%202.089a11.4%2011.4%200%200%201-.766%203.81z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m10.089%2010.9l-.476.623s.16.185.425.455l.194-.918a2%202%200%200%201-.143-.16m.51-1.478l.365-1.71l-2.783%203.348l-.038-.038l-.244.745l.282.257zM7.22%2015.594s.316-1.237.22-2.26l1.852%201.17s.088-.046.236-.16l.278-1.305c-.156.126-.316.257-.497.379c0%200-.716-.135-1.663-.868l-1.34%204.127a17%2017%200%200%201%202.834-.594l.215-.981q-1.09.153-2.135.492%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m11.074%208.908l1.575%201.748l.21-.952l-1.886-1.992h-.013l-.362%201.71l.472-.514zm.93%204.804l.17-.796c-.157-.122-.338-.282-.548-.45c.27-.282.564-.61.854-.968v-.021l-.496-.611s-.329.438-.935%201.053q-.417-.415-.817-.847l-.194.914l.464.463c-.211.198-.451.396-.695.602l-.278%201.306c.295-.207.863-.645%201.579-1.356q.438.368.897.711m-2.648%201.381l-.214.977a21%2021%200%200%201%202.391-.185l.21-.964c-.757%200-1.557.046-2.387.168z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.305%2013.601s-.35-.076-1.128-.686l-.169.796c.472.336.969.644%201.445.829c0%200%20.45-.707%201.191-1.453l.206-1.09a8.4%208.4%200%200%200-1.545%201.6zm.573-1.579l1.166-1.099l.206-1.111l-1.225%201.136l-1.166-1.246l-.21.952zm-2.14%202.91l-.21.968a20%2020%200%200%201%202.544.105l.168-.905a19%2019%200%200%200-2.501-.168m5.482-4.252l-.244.905a3.15%203.15%200%200%201%201.81-.012l.097-.54a2.65%202.65%200%200%200-1.667-.353z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.598%2015.606s-.244-.076-.657-.185l-.219.829c.682.135%201.373.32%202.08.539c0%200-1.07-2.05-.825-5.221l-.707%202.619c.075.463.18.939.328%201.419%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.572%209.459s-.219.61-.35%201.612a8.3%208.3%200%200%200-1.389.927l-.202%201.09a6.8%206.8%200%200%201%201.516-1.162c-.038.76.004%201.522.126%202.274l.943-3.52c-.046%200-.084.013-.13.013c.183-1.203.53-2.375%201.032-3.483c0%200-1.643%201.491-2.843%202.603l-.21%201.111zM14.24%2015.1l-.169.905q.802.094%201.642.257l.22-.83a15%2015%200%200%200-1.693-.332%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd43%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(%23SVGHcSWxdhd43)%22%3E%3Cpath%20fill%3D%22%23d42c78%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M20%2012.196s-.328-.72-1.107-1.175l-.097.539a4.1%204.1%200%200%201%201.204.631zM4%207.197s.354.817.657%202.105l.412-1.115z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m5.07%208.187l-.413%201.112c.232.989.413%202.26.38%203.663l.715-2.085c-.05-.404-.097-.833-.168-1.284l.458.438l.245-.707z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.577%2011.523s.472%202.711-.657%205.28c0%200%20.135-.051.388-.127l1.339-4.126a9%209%200%200%201-1.07-1.027m-.303-2.224l-.244.72l1.87%201.748l.243-.746zm-2.021%207.466s2.118-.169%201.486-5.9l-.716%202.089a11.4%2011.4%200%200%201-.766%203.81z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m10.089%2010.9l-.476.623s.16.185.425.455l.194-.918a2%202%200%200%201-.143-.16m.51-1.478l.365-1.71l-2.783%203.348l-.038-.038l-.244.745l.282.257zM7.22%2015.594s.316-1.237.22-2.26l1.852%201.17s.088-.046.236-.16l.278-1.305c-.156.126-.316.257-.497.379c0%200-.716-.135-1.663-.868l-1.34%204.127a17%2017%200%200%201%202.834-.594l.215-.981q-1.09.153-2.135.492%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m11.074%208.908l1.575%201.748l.21-.952l-1.886-1.992h-.013l-.362%201.71l.472-.514zm.93%204.804l.17-.796c-.157-.122-.338-.282-.548-.45c.27-.282.564-.61.854-.968v-.021l-.496-.611s-.329.438-.935%201.053q-.417-.415-.817-.847l-.194.914l.464.463c-.211.198-.451.396-.695.602l-.278%201.306c.295-.207.863-.645%201.579-1.356q.438.368.897.711m-2.648%201.381l-.214.977a21%2021%200%200%201%202.391-.185l.21-.964c-.757%200-1.557.046-2.387.168z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.305%2013.601s-.35-.076-1.128-.686l-.169.796c.472.336.969.644%201.445.829c0%200%20.45-.707%201.191-1.453l.206-1.09a8.4%208.4%200%200%200-1.545%201.6zm.573-1.579l1.166-1.099l.206-1.111l-1.225%201.136l-1.166-1.246l-.21.952zm-2.14%202.91l-.21.968a20%2020%200%200%201%202.544.105l.168-.905a19%2019%200%200%200-2.501-.168m5.482-4.252l-.244.905a3.15%203.15%200%200%201%201.81-.012l.097-.54a2.65%202.65%200%200%200-1.667-.353z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.598%2015.606s-.244-.076-.657-.185l-.219.829c.682.135%201.373.32%202.08.539c0%200-1.07-2.05-.825-5.221l-.707%202.619c.075.463.18.939.328%201.419%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.572%209.459s-.219.61-.35%201.612a8.3%208.3%200%200%200-1.389.927l-.202%201.09a6.8%206.8%200%200%201%201.516-1.162c-.038.76.004%201.522.126%202.274l.943-3.52c-.046%200-.084.013-.13.013c.183-1.203.53-2.375%201.032-3.483c0%200-1.643%201.491-2.843%202.603l-.21%201.111zM14.24%2015.1l-.169.905q.802.094%201.642.257l.22-.83a15%2015%200%200%200-1.693-.332%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd43%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/xwg-background.svg?color=%231a73e8&size=48
