xcm logo
xcm-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- xcm-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 xcm 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(#SVGHcSWxdhd32)"><path fill="#40d8c8" d="M24 0H0v24h24z"/><path fill="#fff" d="M10.03 12.227a.33.33 0 0 0 0-.45Q7.91 9.518 5.745 7.299a1.27 1.27 0 0 1-.377-1.244c.13-.505.738-1.021 1.115-1.388c.645-.63 1.337-.284 1.868.29a696 696 0 0 0 4.025 4.251q.255.264.511 0l4.413-4.67a.8.8 0 0 1 .196-.144q.466-.247.877-.036c.315.17.351.392.093.66a721 721 0 0 0-4.975 5.228c-.51.542-1.202.568-1.739 0a1091 1091 0 0 0-4.216-4.438c-.165-.176-.34-.181-.521-.026a2.6 2.6 0 0 0-.31.325q-.202.256.02.49l4.258 4.49c.46.48.573 1.202.078 1.729a1703 1703 0 0 1-5.089 5.351c-.247.258-.449.227-.604-.108c-.02-.052-.04-.098-.051-.145a.93.93 0 0 1 .222-.975zm8.236 5.965l.227-.242c.196-.207.19-.413 0-.62a572 572 0 0 1-4.221-4.427c-.465-.49-.517-1.218-.062-1.698c1.723-1.807 3.421-3.608 5.103-5.388q.378-.412.578.129l.042.114c.134.36.067.68-.191.954l-4.47 4.717a.39.39 0 0 0 0 .527a880 880 0 0 0 4.269 4.5c.412.438.516 1.083.139 1.573c-.588.79-1.564 1.961-2.57.904l-4.232-4.48a.33.33 0 0 0-.48 0l-4.52 4.758a.72.72 0 0 1-.46.222a1.03 1.03 0 0 1-.547-.098c-.33-.16-.361-.377-.103-.645a275 275 0 0 0 4.825-5.088c.573-.62 1.264-.841 1.904-.17l4.217 4.458q.271.287.552 0"/><path fill="#fff" d="M7.006 11.984a.2.2 0 0 0-.052-.109q-1.343-1.428-2.699-2.843a.815.815 0 0 1-.17-.955L4.12 8q.283-.504.676-.093l3.581 3.788q.287.294 0 .588L4.766 16.05c-.253.258-.464.233-.645-.093a1 1 0 0 1-.041-.098c-.14-.36-.078-.686.19-.96l2.7-2.807a.1.1 0 0 0 .03-.051a.14.14 0 0 0 0-.057z"/></g><defs><clipPath id="SVGHcSWxdhd32"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedXcmBackground(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(#SVGHcSWxdhd32)"><path fill="#40d8c8" d="M24 0H0v24h24z"/><path fill="#fff" d="M10.03 12.227a.33.33 0 0 0 0-.45Q7.91 9.518 5.745 7.299a1.27 1.27 0 0 1-.377-1.244c.13-.505.738-1.021 1.115-1.388c.645-.63 1.337-.284 1.868.29a696 696 0 0 0 4.025 4.251q.255.264.511 0l4.413-4.67a.8.8 0 0 1 .196-.144q.466-.247.877-.036c.315.17.351.392.093.66a721 721 0 0 0-4.975 5.228c-.51.542-1.202.568-1.739 0a1091 1091 0 0 0-4.216-4.438c-.165-.176-.34-.181-.521-.026a2.6 2.6 0 0 0-.31.325q-.202.256.02.49l4.258 4.49c.46.48.573 1.202.078 1.729a1703 1703 0 0 1-5.089 5.351c-.247.258-.449.227-.604-.108c-.02-.052-.04-.098-.051-.145a.93.93 0 0 1 .222-.975zm8.236 5.965l.227-.242c.196-.207.19-.413 0-.62a572 572 0 0 1-4.221-4.427c-.465-.49-.517-1.218-.062-1.698c1.723-1.807 3.421-3.608 5.103-5.388q.378-.412.578.129l.042.114c.134.36.067.68-.191.954l-4.47 4.717a.39.39 0 0 0 0 .527a880 880 0 0 0 4.269 4.5c.412.438.516 1.083.139 1.573c-.588.79-1.564 1.961-2.57.904l-4.232-4.48a.33.33 0 0 0-.48 0l-4.52 4.758a.72.72 0 0 1-.46.222a1.03 1.03 0 0 1-.547-.098c-.33-.16-.361-.377-.103-.645a275 275 0 0 0 4.825-5.088c.573-.62 1.264-.841 1.904-.17l4.217 4.458q.271.287.552 0"/><path fill="#fff" d="M7.006 11.984a.2.2 0 0 0-.052-.109q-1.343-1.428-2.699-2.843a.815.815 0 0 1-.17-.955L4.12 8q.283-.504.676-.093l3.581 3.788q.287.294 0 .588L4.766 16.05c-.253.258-.464.233-.645-.093a1 1 0 0 1-.041-.098c-.14-.36-.078-.686.19-.96l2.7-2.807a.1.1 0 0 0 .03-.051a.14.14 0 0 0 0-.057z"/></g><defs><clipPath id="SVGHcSWxdhd32"><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(#SVGHcSWxdhd32)"><path fill="#40d8c8" d="M24 0H0v24h24z"/><path fill="#fff" d="M10.03 12.227a.33.33 0 0 0 0-.45Q7.91 9.518 5.745 7.299a1.27 1.27 0 0 1-.377-1.244c.13-.505.738-1.021 1.115-1.388c.645-.63 1.337-.284 1.868.29a696 696 0 0 0 4.025 4.251q.255.264.511 0l4.413-4.67a.8.8 0 0 1 .196-.144q.466-.247.877-.036c.315.17.351.392.093.66a721 721 0 0 0-4.975 5.228c-.51.542-1.202.568-1.739 0a1091 1091 0 0 0-4.216-4.438c-.165-.176-.34-.181-.521-.026a2.6 2.6 0 0 0-.31.325q-.202.256.02.49l4.258 4.49c.46.48.573 1.202.078 1.729a1703 1703 0 0 1-5.089 5.351c-.247.258-.449.227-.604-.108c-.02-.052-.04-.098-.051-.145a.93.93 0 0 1 .222-.975zm8.236 5.965l.227-.242c.196-.207.19-.413 0-.62a572 572 0 0 1-4.221-4.427c-.465-.49-.517-1.218-.062-1.698c1.723-1.807 3.421-3.608 5.103-5.388q.378-.412.578.129l.042.114c.134.36.067.68-.191.954l-4.47 4.717a.39.39 0 0 0 0 .527a880 880 0 0 0 4.269 4.5c.412.438.516 1.083.139 1.573c-.588.79-1.564 1.961-2.57.904l-4.232-4.48a.33.33 0 0 0-.48 0l-4.52 4.758a.72.72 0 0 1-.46.222a1.03 1.03 0 0 1-.547-.098c-.33-.16-.361-.377-.103-.645a275 275 0 0 0 4.825-5.088c.573-.62 1.264-.841 1.904-.17l4.217 4.458q.271.287.552 0"/><path fill="#fff" d="M7.006 11.984a.2.2 0 0 0-.052-.109q-1.343-1.428-2.699-2.843a.815.815 0 0 1-.17-.955L4.12 8q.283-.504.676-.093l3.581 3.788q.287.294 0 .588L4.766 16.05c-.253.258-.464.233-.645-.093a1 1 0 0 1-.041-.098c-.14-.36-.078-.686.19-.96l2.7-2.807a.1.1 0 0 0 .03-.051a.14.14 0 0 0 0-.057z"/></g><defs><clipPath id="SVGHcSWxdhd32"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-xcm-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(%23SVGHcSWxdhd32)%22%3E%3Cpath%20fill%3D%22%2340d8c8%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.03%2012.227a.33.33%200%200%200%200-.45Q7.91%209.518%205.745%207.299a1.27%201.27%200%200%201-.377-1.244c.13-.505.738-1.021%201.115-1.388c.645-.63%201.337-.284%201.868.29a696%20696%200%200%200%204.025%204.251q.255.264.511%200l4.413-4.67a.8.8%200%200%201%20.196-.144q.466-.247.877-.036c.315.17.351.392.093.66a721%20721%200%200%200-4.975%205.228c-.51.542-1.202.568-1.739%200a1091%201091%200%200%200-4.216-4.438c-.165-.176-.34-.181-.521-.026a2.6%202.6%200%200%200-.31.325q-.202.256.02.49l4.258%204.49c.46.48.573%201.202.078%201.729a1703%201703%200%200%201-5.089%205.351c-.247.258-.449.227-.604-.108c-.02-.052-.04-.098-.051-.145a.93.93%200%200%201%20.222-.975zm8.236%205.965l.227-.242c.196-.207.19-.413%200-.62a572%20572%200%200%201-4.221-4.427c-.465-.49-.517-1.218-.062-1.698c1.723-1.807%203.421-3.608%205.103-5.388q.378-.412.578.129l.042.114c.134.36.067.68-.191.954l-4.47%204.717a.39.39%200%200%200%200%20.527a880%20880%200%200%200%204.269%204.5c.412.438.516%201.083.139%201.573c-.588.79-1.564%201.961-2.57.904l-4.232-4.48a.33.33%200%200%200-.48%200l-4.52%204.758a.72.72%200%200%201-.46.222a1.03%201.03%200%200%201-.547-.098c-.33-.16-.361-.377-.103-.645a275%20275%200%200%200%204.825-5.088c.573-.62%201.264-.841%201.904-.17l4.217%204.458q.271.287.552%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.006%2011.984a.2.2%200%200%200-.052-.109q-1.343-1.428-2.699-2.843a.815.815%200%200%201-.17-.955L4.12%208q.283-.504.676-.093l3.581%203.788q.287.294%200%20.588L4.766%2016.05c-.253.258-.464.233-.645-.093a1%201%200%200%201-.041-.098c-.14-.36-.078-.686.19-.96l2.7-2.807a.1.1%200%200%200%20.03-.051a.14.14%200%200%200%200-.057z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd32%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(%23SVGHcSWxdhd32)%22%3E%3Cpath%20fill%3D%22%2340d8c8%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.03%2012.227a.33.33%200%200%200%200-.45Q7.91%209.518%205.745%207.299a1.27%201.27%200%200%201-.377-1.244c.13-.505.738-1.021%201.115-1.388c.645-.63%201.337-.284%201.868.29a696%20696%200%200%200%204.025%204.251q.255.264.511%200l4.413-4.67a.8.8%200%200%201%20.196-.144q.466-.247.877-.036c.315.17.351.392.093.66a721%20721%200%200%200-4.975%205.228c-.51.542-1.202.568-1.739%200a1091%201091%200%200%200-4.216-4.438c-.165-.176-.34-.181-.521-.026a2.6%202.6%200%200%200-.31.325q-.202.256.02.49l4.258%204.49c.46.48.573%201.202.078%201.729a1703%201703%200%200%201-5.089%205.351c-.247.258-.449.227-.604-.108c-.02-.052-.04-.098-.051-.145a.93.93%200%200%201%20.222-.975zm8.236%205.965l.227-.242c.196-.207.19-.413%200-.62a572%20572%200%200%201-4.221-4.427c-.465-.49-.517-1.218-.062-1.698c1.723-1.807%203.421-3.608%205.103-5.388q.378-.412.578.129l.042.114c.134.36.067.68-.191.954l-4.47%204.717a.39.39%200%200%200%200%20.527a880%20880%200%200%200%204.269%204.5c.412.438.516%201.083.139%201.573c-.588.79-1.564%201.961-2.57.904l-4.232-4.48a.33.33%200%200%200-.48%200l-4.52%204.758a.72.72%200%200%201-.46.222a1.03%201.03%200%200%201-.547-.098c-.33-.16-.361-.377-.103-.645a275%20275%200%200%200%204.825-5.088c.573-.62%201.264-.841%201.904-.17l4.217%204.458q.271.287.552%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.006%2011.984a.2.2%200%200%200-.052-.109q-1.343-1.428-2.699-2.843a.815.815%200%200%201-.17-.955L4.12%208q.283-.504.676-.093l3.581%203.788q.287.294%200%20.588L4.766%2016.05c-.253.258-.464.233-.645-.093a1%201%200%200%201-.041-.098c-.14-.36-.078-.686.19-.96l2.7-2.807a.1.1%200%200%200%20.03-.051a.14.14%200%200%200%200-.057z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd32%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/xcm-background.svg?color=%231a73e8&size=48
