sxp logo
sxp-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- sxp-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 sxp 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(#SVGHcSWxdhd108)"><path fill="url(#SVGmyJbfcta)" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.955 4.001q-.226 0-.46.03a3.17 3.17 0 0 0-1.899.915l-1.125 1.13l-.58.575l-.61.6l-.559.564l-.875.87l-.664.695c-.13.135-.27.26-.395.4a3.4 3.4 0 0 0-.785 2.319c-.02.37.13.85.35 1.3c.12.25.285.47.44.69c.11.15.185.15.33.034l.075-.075l.42-.435l.614-.63l.63-.67c.1-.1.21-.2.31-.31l.65-.684c.21-.22.43-.43.65-.65l.704-.74l.67-.664c.29-.29.57-.595.86-.89l.53-.53l.72-.73c.204-.21.42-.41.629-.614l1.385-1.39l.085-.1c.11-.135.12-.17-.02-.27c-.22-.155-.44-.32-.685-.435c-.44-.205-.9-.3-1.375-.3h-.02zm3.56 2.895c-.43.014-.806.15-1.085.5l-.075.07l-.75.724l-.77.77l-.64.635c-.22.22-.435.45-.66.67l-.704.684l-.845.84l-1.555 1.554l-2.059 2.06c-.13.13-.135.15 0 .285l.99 1c.2.2.445.34.725.39c.27.05.544.05.81-.026c.194-.06.38-.14.53-.285l.814-.784c.19-.18.385-.36.575-.55l1.124-1.115l.935-.9l1.275-1.244l1.2-1.165c.174-.17.34-.15.469.05c.225.365.355.76.3 1.2a1.7 1.7 0 0 1-.425.98c-.3.314-.61.61-.92.914l-.66.645l-.839.84c-.045.05-.085.1-.13.14l-.275.284l-.625.62c-.22.22-.435.45-.65.675l-.065.05l-.7.69c-.114.105-.22.215-.33.325c-.184.184-.374.37-.554.564c-.11.115-.11.185.02.275c.22.16.445.32.685.435c.45.21.915.3 1.4.3h.004a3.1 3.1 0 0 0 2.22-.81c.36-.314.684-.674 1.024-1.014l.755-.76l.71-.71c.215-.22.43-.44.65-.65c.24-.245.49-.474.734-.714c.25-.25.49-.495.73-.75a3.49 3.49 0 0 0 1.095-3a3.4 3.4 0 0 0-.52-1.359c-.15-.235-.23-.335-.69-.784c-.675-.675-1.355-1.35-2.02-2.04a1.55 1.55 0 0 0-1.229-.51"/></g><defs><linearGradient id="SVGmyJbfcta" x1="5.794" x2="17.461" y1="6.715" y2="18.004" gradientUnits="userSpaceOnUse"><stop stop-color="#eb5756"/><stop offset="1" stop-color="#ee8533"/></linearGradient><clipPath id="SVGHcSWxdhd108"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSxpBackground(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(#SVGHcSWxdhd108)"><path fill="url(#SVGmyJbfcta)" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.955 4.001q-.226 0-.46.03a3.17 3.17 0 0 0-1.899.915l-1.125 1.13l-.58.575l-.61.6l-.559.564l-.875.87l-.664.695c-.13.135-.27.26-.395.4a3.4 3.4 0 0 0-.785 2.319c-.02.37.13.85.35 1.3c.12.25.285.47.44.69c.11.15.185.15.33.034l.075-.075l.42-.435l.614-.63l.63-.67c.1-.1.21-.2.31-.31l.65-.684c.21-.22.43-.43.65-.65l.704-.74l.67-.664c.29-.29.57-.595.86-.89l.53-.53l.72-.73c.204-.21.42-.41.629-.614l1.385-1.39l.085-.1c.11-.135.12-.17-.02-.27c-.22-.155-.44-.32-.685-.435c-.44-.205-.9-.3-1.375-.3h-.02zm3.56 2.895c-.43.014-.806.15-1.085.5l-.075.07l-.75.724l-.77.77l-.64.635c-.22.22-.435.45-.66.67l-.704.684l-.845.84l-1.555 1.554l-2.059 2.06c-.13.13-.135.15 0 .285l.99 1c.2.2.445.34.725.39c.27.05.544.05.81-.026c.194-.06.38-.14.53-.285l.814-.784c.19-.18.385-.36.575-.55l1.124-1.115l.935-.9l1.275-1.244l1.2-1.165c.174-.17.34-.15.469.05c.225.365.355.76.3 1.2a1.7 1.7 0 0 1-.425.98c-.3.314-.61.61-.92.914l-.66.645l-.839.84c-.045.05-.085.1-.13.14l-.275.284l-.625.62c-.22.22-.435.45-.65.675l-.065.05l-.7.69c-.114.105-.22.215-.33.325c-.184.184-.374.37-.554.564c-.11.115-.11.185.02.275c.22.16.445.32.685.435c.45.21.915.3 1.4.3h.004a3.1 3.1 0 0 0 2.22-.81c.36-.314.684-.674 1.024-1.014l.755-.76l.71-.71c.215-.22.43-.44.65-.65c.24-.245.49-.474.734-.714c.25-.25.49-.495.73-.75a3.49 3.49 0 0 0 1.095-3a3.4 3.4 0 0 0-.52-1.359c-.15-.235-.23-.335-.69-.784c-.675-.675-1.355-1.35-2.02-2.04a1.55 1.55 0 0 0-1.229-.51"/></g><defs><linearGradient id="SVGmyJbfcta" x1="5.794" x2="17.461" y1="6.715" y2="18.004" gradientUnits="userSpaceOnUse"><stop stopColor="#eb5756"/><stop offset="1" stopColor="#ee8533"/></linearGradient><clipPath id="SVGHcSWxdhd108"><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(#SVGHcSWxdhd108)"><path fill="url(#SVGmyJbfcta)" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.955 4.001q-.226 0-.46.03a3.17 3.17 0 0 0-1.899.915l-1.125 1.13l-.58.575l-.61.6l-.559.564l-.875.87l-.664.695c-.13.135-.27.26-.395.4a3.4 3.4 0 0 0-.785 2.319c-.02.37.13.85.35 1.3c.12.25.285.47.44.69c.11.15.185.15.33.034l.075-.075l.42-.435l.614-.63l.63-.67c.1-.1.21-.2.31-.31l.65-.684c.21-.22.43-.43.65-.65l.704-.74l.67-.664c.29-.29.57-.595.86-.89l.53-.53l.72-.73c.204-.21.42-.41.629-.614l1.385-1.39l.085-.1c.11-.135.12-.17-.02-.27c-.22-.155-.44-.32-.685-.435c-.44-.205-.9-.3-1.375-.3h-.02zm3.56 2.895c-.43.014-.806.15-1.085.5l-.075.07l-.75.724l-.77.77l-.64.635c-.22.22-.435.45-.66.67l-.704.684l-.845.84l-1.555 1.554l-2.059 2.06c-.13.13-.135.15 0 .285l.99 1c.2.2.445.34.725.39c.27.05.544.05.81-.026c.194-.06.38-.14.53-.285l.814-.784c.19-.18.385-.36.575-.55l1.124-1.115l.935-.9l1.275-1.244l1.2-1.165c.174-.17.34-.15.469.05c.225.365.355.76.3 1.2a1.7 1.7 0 0 1-.425.98c-.3.314-.61.61-.92.914l-.66.645l-.839.84c-.045.05-.085.1-.13.14l-.275.284l-.625.62c-.22.22-.435.45-.65.675l-.065.05l-.7.69c-.114.105-.22.215-.33.325c-.184.184-.374.37-.554.564c-.11.115-.11.185.02.275c.22.16.445.32.685.435c.45.21.915.3 1.4.3h.004a3.1 3.1 0 0 0 2.22-.81c.36-.314.684-.674 1.024-1.014l.755-.76l.71-.71c.215-.22.43-.44.65-.65c.24-.245.49-.474.734-.714c.25-.25.49-.495.73-.75a3.49 3.49 0 0 0 1.095-3a3.4 3.4 0 0 0-.52-1.359c-.15-.235-.23-.335-.69-.784c-.675-.675-1.355-1.35-2.02-2.04a1.55 1.55 0 0 0-1.229-.51"/></g><defs><linearGradient id="SVGmyJbfcta" x1="5.794" x2="17.461" y1="6.715" y2="18.004" gradientUnits="userSpaceOnUse"><stop stop-color="#eb5756"/><stop offset="1" stop-color="#ee8533"/></linearGradient><clipPath id="SVGHcSWxdhd108"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-sxp-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(%23SVGHcSWxdhd108)%22%3E%3Cpath%20fill%3D%22url(%23SVGmyJbfcta)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.955%204.001q-.226%200-.46.03a3.17%203.17%200%200%200-1.899.915l-1.125%201.13l-.58.575l-.61.6l-.559.564l-.875.87l-.664.695c-.13.135-.27.26-.395.4a3.4%203.4%200%200%200-.785%202.319c-.02.37.13.85.35%201.3c.12.25.285.47.44.69c.11.15.185.15.33.034l.075-.075l.42-.435l.614-.63l.63-.67c.1-.1.21-.2.31-.31l.65-.684c.21-.22.43-.43.65-.65l.704-.74l.67-.664c.29-.29.57-.595.86-.89l.53-.53l.72-.73c.204-.21.42-.41.629-.614l1.385-1.39l.085-.1c.11-.135.12-.17-.02-.27c-.22-.155-.44-.32-.685-.435c-.44-.205-.9-.3-1.375-.3h-.02zm3.56%202.895c-.43.014-.806.15-1.085.5l-.075.07l-.75.724l-.77.77l-.64.635c-.22.22-.435.45-.66.67l-.704.684l-.845.84l-1.555%201.554l-2.059%202.06c-.13.13-.135.15%200%20.285l.99%201c.2.2.445.34.725.39c.27.05.544.05.81-.026c.194-.06.38-.14.53-.285l.814-.784c.19-.18.385-.36.575-.55l1.124-1.115l.935-.9l1.275-1.244l1.2-1.165c.174-.17.34-.15.469.05c.225.365.355.76.3%201.2a1.7%201.7%200%200%201-.425.98c-.3.314-.61.61-.92.914l-.66.645l-.839.84c-.045.05-.085.1-.13.14l-.275.284l-.625.62c-.22.22-.435.45-.65.675l-.065.05l-.7.69c-.114.105-.22.215-.33.325c-.184.184-.374.37-.554.564c-.11.115-.11.185.02.275c.22.16.445.32.685.435c.45.21.915.3%201.4.3h.004a3.1%203.1%200%200%200%202.22-.81c.36-.314.684-.674%201.024-1.014l.755-.76l.71-.71c.215-.22.43-.44.65-.65c.24-.245.49-.474.734-.714c.25-.25.49-.495.73-.75a3.49%203.49%200%200%200%201.095-3a3.4%203.4%200%200%200-.52-1.359c-.15-.235-.23-.335-.69-.784c-.675-.675-1.355-1.35-2.02-2.04a1.55%201.55%200%200%200-1.229-.51%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGmyJbfcta%22%20x1%3D%225.794%22%20x2%3D%2217.461%22%20y1%3D%226.715%22%20y2%3D%2218.004%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23eb5756%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ee8533%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd108%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(%23SVGHcSWxdhd108)%22%3E%3Cpath%20fill%3D%22url(%23SVGmyJbfcta)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.955%204.001q-.226%200-.46.03a3.17%203.17%200%200%200-1.899.915l-1.125%201.13l-.58.575l-.61.6l-.559.564l-.875.87l-.664.695c-.13.135-.27.26-.395.4a3.4%203.4%200%200%200-.785%202.319c-.02.37.13.85.35%201.3c.12.25.285.47.44.69c.11.15.185.15.33.034l.075-.075l.42-.435l.614-.63l.63-.67c.1-.1.21-.2.31-.31l.65-.684c.21-.22.43-.43.65-.65l.704-.74l.67-.664c.29-.29.57-.595.86-.89l.53-.53l.72-.73c.204-.21.42-.41.629-.614l1.385-1.39l.085-.1c.11-.135.12-.17-.02-.27c-.22-.155-.44-.32-.685-.435c-.44-.205-.9-.3-1.375-.3h-.02zm3.56%202.895c-.43.014-.806.15-1.085.5l-.075.07l-.75.724l-.77.77l-.64.635c-.22.22-.435.45-.66.67l-.704.684l-.845.84l-1.555%201.554l-2.059%202.06c-.13.13-.135.15%200%20.285l.99%201c.2.2.445.34.725.39c.27.05.544.05.81-.026c.194-.06.38-.14.53-.285l.814-.784c.19-.18.385-.36.575-.55l1.124-1.115l.935-.9l1.275-1.244l1.2-1.165c.174-.17.34-.15.469.05c.225.365.355.76.3%201.2a1.7%201.7%200%200%201-.425.98c-.3.314-.61.61-.92.914l-.66.645l-.839.84c-.045.05-.085.1-.13.14l-.275.284l-.625.62c-.22.22-.435.45-.65.675l-.065.05l-.7.69c-.114.105-.22.215-.33.325c-.184.184-.374.37-.554.564c-.11.115-.11.185.02.275c.22.16.445.32.685.435c.45.21.915.3%201.4.3h.004a3.1%203.1%200%200%200%202.22-.81c.36-.314.684-.674%201.024-1.014l.755-.76l.71-.71c.215-.22.43-.44.65-.65c.24-.245.49-.474.734-.714c.25-.25.49-.495.73-.75a3.49%203.49%200%200%200%201.095-3a3.4%203.4%200%200%200-.52-1.359c-.15-.235-.23-.335-.69-.784c-.675-.675-1.355-1.35-2.02-2.04a1.55%201.55%200%200%200-1.229-.51%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGmyJbfcta%22%20x1%3D%225.794%22%20x2%3D%2217.461%22%20y1%3D%226.715%22%20y2%3D%2218.004%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23eb5756%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ee8533%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd108%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/sxp-background.svg?color=%231a73e8&size=48
