slp logo

1 other variant in Web3 Icons Branded

Use the slp logo

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd109)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#043013" fill-rule="evenodd" d="m9.868 6.363l-.405-1.609c.298-.258 1.146-.772 2.148-.753c1.003.018 1.755.33 2.006.482l-.207 1.602h.034c1.126.382 5.344 3.852 5.344 7.911c0 4.06-3.761 6.038-6.995 6.004s-6.75-2.012-6.574-6.42c.13-3.247 2.934-5.999 4.649-7.217" clip-rule="evenodd"/><path fill="#55d290" d="M5.703 13.541c.131-3.262 3.188-5.983 4.7-6.935h2.939c1.044.353 4.961 3.564 4.961 7.32s-3.493 5.586-6.496 5.554s-6.267-1.861-6.104-5.939"/><path fill="#fbb7cf" d="M6.752 14.219c-.013-1.366.497-2.362.754-2.688l8.767-.304c.297.49.894 1.774.908 2.991c.017 1.521-1.799 4.48-5.326 4.395c-3.528-.085-5.086-2.688-5.103-4.394"/><path fill="#fedeeb" d="M12.026 12.001c2.402 0 4.35-.332 4.35-.742s-1.948-.741-4.35-.741s-4.35.332-4.35.741c0 .41 1.948.742 4.35.742"/><path fill="#f3fffa" d="M9.493 8.607c-.59-.027-1.125.637-1.456 1.15c-.33.62-1.013 2.156 0 1.927c1.014-.23 1.61-1.2 1.781-1.657c.137-.462.264-1.393-.325-1.42"/><path fill="#fd93b7" d="M10.04 16.99c-.232-1.19 1.364-2.58 2.192-3.127c.955-.63 3.531-1.16 4.161-.186c.788 1.217-.753 2.907-1.883 3.668c-1.13.76-4.179 1.132-4.47-.355"/><path fill="#fff8fd" d="M16.281 16.383c-.279-.16-.827.177-1.067.365c-.229.152-.605.535-.282.855c.324.319.874-.112 1.08-.31c.224-.275.548-.75.27-.91"/><path fill="#cfe7e2" fill-opacity=".8" d="m6.467 14.838l-.453-1.546l.563.678l1.648-1.437l2.582 1.898l2.486-2.17l2.54 1.41l1.278-1.762l.714 1.301l-.714-.826l-1.154 1.965l-2.664-1.342l-2.486 2.359l-2.665-2.074z"/><path fill="#043013" d="M10.73 7.19c-.63-.3-.748-.666-.798-.811c1.129-.078 3.38-.187 3.356 0s-.514.618-.756.81z"/><path fill="url(#SVGXNYcsdZf)" d="M11.566 7.62c-1.34-.041-1.601-1.667-1.564-2.474c.158-.262.68-.54 1.564-.593c.708-.042 1.285.378 1.486.593c.063.842-.146 2.517-1.486 2.475"/><path fill="#8fd366" d="M10.634 8.047c-.341-.312-.437-.848-.442-1.076c.258.27.936.792 1.58.718c.645-.076 1.28-.573 1.518-.812v.422c-.14.923-1.07 1.143-1.518 1.138c-.237 0-.796-.078-1.138-.39"/></g><defs><linearGradient id="SVGXNYcsdZf" x1="11.999" x2="11.999" y1="5.815" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#f8c74b"/><stop offset=".343" stop-color="#f38c34"/></linearGradient><clipPath id="SVGHcSWxdhd109"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

import type { SVGProps } from "react";

export function TokenBrandedSlpBackground(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(#SVGHcSWxdhd109)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#043013" fillRule="evenodd" d="m9.868 6.363l-.405-1.609c.298-.258 1.146-.772 2.148-.753c1.003.018 1.755.33 2.006.482l-.207 1.602h.034c1.126.382 5.344 3.852 5.344 7.911c0 4.06-3.761 6.038-6.995 6.004s-6.75-2.012-6.574-6.42c.13-3.247 2.934-5.999 4.649-7.217" clipRule="evenodd"/><path fill="#55d290" d="M5.703 13.541c.131-3.262 3.188-5.983 4.7-6.935h2.939c1.044.353 4.961 3.564 4.961 7.32s-3.493 5.586-6.496 5.554s-6.267-1.861-6.104-5.939"/><path fill="#fbb7cf" d="M6.752 14.219c-.013-1.366.497-2.362.754-2.688l8.767-.304c.297.49.894 1.774.908 2.991c.017 1.521-1.799 4.48-5.326 4.395c-3.528-.085-5.086-2.688-5.103-4.394"/><path fill="#fedeeb" d="M12.026 12.001c2.402 0 4.35-.332 4.35-.742s-1.948-.741-4.35-.741s-4.35.332-4.35.741c0 .41 1.948.742 4.35.742"/><path fill="#f3fffa" d="M9.493 8.607c-.59-.027-1.125.637-1.456 1.15c-.33.62-1.013 2.156 0 1.927c1.014-.23 1.61-1.2 1.781-1.657c.137-.462.264-1.393-.325-1.42"/><path fill="#fd93b7" d="M10.04 16.99c-.232-1.19 1.364-2.58 2.192-3.127c.955-.63 3.531-1.16 4.161-.186c.788 1.217-.753 2.907-1.883 3.668c-1.13.76-4.179 1.132-4.47-.355"/><path fill="#fff8fd" d="M16.281 16.383c-.279-.16-.827.177-1.067.365c-.229.152-.605.535-.282.855c.324.319.874-.112 1.08-.31c.224-.275.548-.75.27-.91"/><path fill="#cfe7e2" fillOpacity=".8" d="m6.467 14.838l-.453-1.546l.563.678l1.648-1.437l2.582 1.898l2.486-2.17l2.54 1.41l1.278-1.762l.714 1.301l-.714-.826l-1.154 1.965l-2.664-1.342l-2.486 2.359l-2.665-2.074z"/><path fill="#043013" d="M10.73 7.19c-.63-.3-.748-.666-.798-.811c1.129-.078 3.38-.187 3.356 0s-.514.618-.756.81z"/><path fill="url(#SVGXNYcsdZf)" d="M11.566 7.62c-1.34-.041-1.601-1.667-1.564-2.474c.158-.262.68-.54 1.564-.593c.708-.042 1.285.378 1.486.593c.063.842-.146 2.517-1.486 2.475"/><path fill="#8fd366" d="M10.634 8.047c-.341-.312-.437-.848-.442-1.076c.258.27.936.792 1.58.718c.645-.076 1.28-.573 1.518-.812v.422c-.14.923-1.07 1.143-1.518 1.138c-.237 0-.796-.078-1.138-.39"/></g><defs><linearGradient id="SVGXNYcsdZf" x1="11.999" x2="11.999" y1="5.815" y2="20" gradientUnits="userSpaceOnUse"><stop stopColor="#f8c74b"/><stop offset=".343" stopColor="#f38c34"/></linearGradient><clipPath id="SVGHcSWxdhd109"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
  );
}

<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(#SVGHcSWxdhd109)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#043013" fill-rule="evenodd" d="m9.868 6.363l-.405-1.609c.298-.258 1.146-.772 2.148-.753c1.003.018 1.755.33 2.006.482l-.207 1.602h.034c1.126.382 5.344 3.852 5.344 7.911c0 4.06-3.761 6.038-6.995 6.004s-6.75-2.012-6.574-6.42c.13-3.247 2.934-5.999 4.649-7.217" clip-rule="evenodd"/><path fill="#55d290" d="M5.703 13.541c.131-3.262 3.188-5.983 4.7-6.935h2.939c1.044.353 4.961 3.564 4.961 7.32s-3.493 5.586-6.496 5.554s-6.267-1.861-6.104-5.939"/><path fill="#fbb7cf" d="M6.752 14.219c-.013-1.366.497-2.362.754-2.688l8.767-.304c.297.49.894 1.774.908 2.991c.017 1.521-1.799 4.48-5.326 4.395c-3.528-.085-5.086-2.688-5.103-4.394"/><path fill="#fedeeb" d="M12.026 12.001c2.402 0 4.35-.332 4.35-.742s-1.948-.741-4.35-.741s-4.35.332-4.35.741c0 .41 1.948.742 4.35.742"/><path fill="#f3fffa" d="M9.493 8.607c-.59-.027-1.125.637-1.456 1.15c-.33.62-1.013 2.156 0 1.927c1.014-.23 1.61-1.2 1.781-1.657c.137-.462.264-1.393-.325-1.42"/><path fill="#fd93b7" d="M10.04 16.99c-.232-1.19 1.364-2.58 2.192-3.127c.955-.63 3.531-1.16 4.161-.186c.788 1.217-.753 2.907-1.883 3.668c-1.13.76-4.179 1.132-4.47-.355"/><path fill="#fff8fd" d="M16.281 16.383c-.279-.16-.827.177-1.067.365c-.229.152-.605.535-.282.855c.324.319.874-.112 1.08-.31c.224-.275.548-.75.27-.91"/><path fill="#cfe7e2" fill-opacity=".8" d="m6.467 14.838l-.453-1.546l.563.678l1.648-1.437l2.582 1.898l2.486-2.17l2.54 1.41l1.278-1.762l.714 1.301l-.714-.826l-1.154 1.965l-2.664-1.342l-2.486 2.359l-2.665-2.074z"/><path fill="#043013" d="M10.73 7.19c-.63-.3-.748-.666-.798-.811c1.129-.078 3.38-.187 3.356 0s-.514.618-.756.81z"/><path fill="url(#SVGXNYcsdZf)" d="M11.566 7.62c-1.34-.041-1.601-1.667-1.564-2.474c.158-.262.68-.54 1.564-.593c.708-.042 1.285.378 1.486.593c.063.842-.146 2.517-1.486 2.475"/><path fill="#8fd366" d="M10.634 8.047c-.341-.312-.437-.848-.442-1.076c.258.27.936.792 1.58.718c.645-.076 1.28-.573 1.518-.812v.422c-.14.923-1.07 1.143-1.518 1.138c-.237 0-.796-.078-1.138-.39"/></g><defs><linearGradient id="SVGXNYcsdZf" x1="11.999" x2="11.999" y1="5.815" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#f8c74b"/><stop offset=".343" stop-color="#f38c34"/></linearGradient><clipPath id="SVGHcSWxdhd109"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

.icon-slp-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(%23SVGHcSWxdhd109)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23043013%22%20fill-rule%3D%22evenodd%22%20d%3D%22m9.868%206.363l-.405-1.609c.298-.258%201.146-.772%202.148-.753c1.003.018%201.755.33%202.006.482l-.207%201.602h.034c1.126.382%205.344%203.852%205.344%207.911c0%204.06-3.761%206.038-6.995%206.004s-6.75-2.012-6.574-6.42c.13-3.247%202.934-5.999%204.649-7.217%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%2355d290%22%20d%3D%22M5.703%2013.541c.131-3.262%203.188-5.983%204.7-6.935h2.939c1.044.353%204.961%203.564%204.961%207.32s-3.493%205.586-6.496%205.554s-6.267-1.861-6.104-5.939%22%2F%3E%3Cpath%20fill%3D%22%23fbb7cf%22%20d%3D%22M6.752%2014.219c-.013-1.366.497-2.362.754-2.688l8.767-.304c.297.49.894%201.774.908%202.991c.017%201.521-1.799%204.48-5.326%204.395c-3.528-.085-5.086-2.688-5.103-4.394%22%2F%3E%3Cpath%20fill%3D%22%23fedeeb%22%20d%3D%22M12.026%2012.001c2.402%200%204.35-.332%204.35-.742s-1.948-.741-4.35-.741s-4.35.332-4.35.741c0%20.41%201.948.742%204.35.742%22%2F%3E%3Cpath%20fill%3D%22%23f3fffa%22%20d%3D%22M9.493%208.607c-.59-.027-1.125.637-1.456%201.15c-.33.62-1.013%202.156%200%201.927c1.014-.23%201.61-1.2%201.781-1.657c.137-.462.264-1.393-.325-1.42%22%2F%3E%3Cpath%20fill%3D%22%23fd93b7%22%20d%3D%22M10.04%2016.99c-.232-1.19%201.364-2.58%202.192-3.127c.955-.63%203.531-1.16%204.161-.186c.788%201.217-.753%202.907-1.883%203.668c-1.13.76-4.179%201.132-4.47-.355%22%2F%3E%3Cpath%20fill%3D%22%23fff8fd%22%20d%3D%22M16.281%2016.383c-.279-.16-.827.177-1.067.365c-.229.152-.605.535-.282.855c.324.319.874-.112%201.08-.31c.224-.275.548-.75.27-.91%22%2F%3E%3Cpath%20fill%3D%22%23cfe7e2%22%20fill-opacity%3D%22.8%22%20d%3D%22m6.467%2014.838l-.453-1.546l.563.678l1.648-1.437l2.582%201.898l2.486-2.17l2.54%201.41l1.278-1.762l.714%201.301l-.714-.826l-1.154%201.965l-2.664-1.342l-2.486%202.359l-2.665-2.074z%22%2F%3E%3Cpath%20fill%3D%22%23043013%22%20d%3D%22M10.73%207.19c-.63-.3-.748-.666-.798-.811c1.129-.078%203.38-.187%203.356%200s-.514.618-.756.81z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGXNYcsdZf)%22%20d%3D%22M11.566%207.62c-1.34-.041-1.601-1.667-1.564-2.474c.158-.262.68-.54%201.564-.593c.708-.042%201.285.378%201.486.593c.063.842-.146%202.517-1.486%202.475%22%2F%3E%3Cpath%20fill%3D%22%238fd366%22%20d%3D%22M10.634%208.047c-.341-.312-.437-.848-.442-1.076c.258.27.936.792%201.58.718c.645-.076%201.28-.573%201.518-.812v.422c-.14.923-1.07%201.143-1.518%201.138c-.237%200-.796-.078-1.138-.39%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGXNYcsdZf%22%20x1%3D%2211.999%22%20x2%3D%2211.999%22%20y1%3D%225.815%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f8c74b%22%2F%3E%3Cstop%20offset%3D%22.343%22%20stop-color%3D%22%23f38c34%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd109%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(%23SVGHcSWxdhd109)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23043013%22%20fill-rule%3D%22evenodd%22%20d%3D%22m9.868%206.363l-.405-1.609c.298-.258%201.146-.772%202.148-.753c1.003.018%201.755.33%202.006.482l-.207%201.602h.034c1.126.382%205.344%203.852%205.344%207.911c0%204.06-3.761%206.038-6.995%206.004s-6.75-2.012-6.574-6.42c.13-3.247%202.934-5.999%204.649-7.217%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%2355d290%22%20d%3D%22M5.703%2013.541c.131-3.262%203.188-5.983%204.7-6.935h2.939c1.044.353%204.961%203.564%204.961%207.32s-3.493%205.586-6.496%205.554s-6.267-1.861-6.104-5.939%22%2F%3E%3Cpath%20fill%3D%22%23fbb7cf%22%20d%3D%22M6.752%2014.219c-.013-1.366.497-2.362.754-2.688l8.767-.304c.297.49.894%201.774.908%202.991c.017%201.521-1.799%204.48-5.326%204.395c-3.528-.085-5.086-2.688-5.103-4.394%22%2F%3E%3Cpath%20fill%3D%22%23fedeeb%22%20d%3D%22M12.026%2012.001c2.402%200%204.35-.332%204.35-.742s-1.948-.741-4.35-.741s-4.35.332-4.35.741c0%20.41%201.948.742%204.35.742%22%2F%3E%3Cpath%20fill%3D%22%23f3fffa%22%20d%3D%22M9.493%208.607c-.59-.027-1.125.637-1.456%201.15c-.33.62-1.013%202.156%200%201.927c1.014-.23%201.61-1.2%201.781-1.657c.137-.462.264-1.393-.325-1.42%22%2F%3E%3Cpath%20fill%3D%22%23fd93b7%22%20d%3D%22M10.04%2016.99c-.232-1.19%201.364-2.58%202.192-3.127c.955-.63%203.531-1.16%204.161-.186c.788%201.217-.753%202.907-1.883%203.668c-1.13.76-4.179%201.132-4.47-.355%22%2F%3E%3Cpath%20fill%3D%22%23fff8fd%22%20d%3D%22M16.281%2016.383c-.279-.16-.827.177-1.067.365c-.229.152-.605.535-.282.855c.324.319.874-.112%201.08-.31c.224-.275.548-.75.27-.91%22%2F%3E%3Cpath%20fill%3D%22%23cfe7e2%22%20fill-opacity%3D%22.8%22%20d%3D%22m6.467%2014.838l-.453-1.546l.563.678l1.648-1.437l2.582%201.898l2.486-2.17l2.54%201.41l1.278-1.762l.714%201.301l-.714-.826l-1.154%201.965l-2.664-1.342l-2.486%202.359l-2.665-2.074z%22%2F%3E%3Cpath%20fill%3D%22%23043013%22%20d%3D%22M10.73%207.19c-.63-.3-.748-.666-.798-.811c1.129-.078%203.38-.187%203.356%200s-.514.618-.756.81z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGXNYcsdZf)%22%20d%3D%22M11.566%207.62c-1.34-.041-1.601-1.667-1.564-2.474c.158-.262.68-.54%201.564-.593c.708-.042%201.285.378%201.486.593c.063.842-.146%202.517-1.486%202.475%22%2F%3E%3Cpath%20fill%3D%22%238fd366%22%20d%3D%22M10.634%208.047c-.341-.312-.437-.848-.442-1.076c.258.27.936.792%201.58.718c.645-.076%201.28-.573%201.518-.812v.422c-.14.923-1.07%201.143-1.518%201.138c-.237%200-.796-.078-1.138-.39%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGXNYcsdZf%22%20x1%3D%2211.999%22%20x2%3D%2211.999%22%20y1%3D%225.815%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f8c74b%22%2F%3E%3Cstop%20offset%3D%22.343%22%20stop-color%3D%22%23f38c34%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd109%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/slp-background.svg?color=%231a73e8&size=48