slg logo
slg-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- slg-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 slg 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(#SVGHcSWxdhd15)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="url(#SVGJDHJgdIR)" d="m4.47 16.645l2.354-4.376l5.223 2.296l5.13-2.296l2.352 4.376L12.047 20z"/><path fill="url(#SVGegzXRbfP)" fill-rule="evenodd" d="M11.99 14.875a853 853 0 0 0-5.166-2.607l5.167-2.57l5.186 2.57zm0-.815c-1.162-.588-3.5-1.774-3.543-1.788l3.544-1.76l3.562 1.765l-3.562 1.788zm-1.637-1.355l1.647.706l1.647-.71L12 11.999l-1.647.701z" clip-rule="evenodd"/><path fill="url(#SVGTRgSocUZ)" d="M12 11.53L8.233 9.872L12 4z"/><path fill="url(#SVGoxnlpe6o)" d="m12 11.53l3.764-1.657L12 4z"/></g><defs><linearGradient id="SVGJDHJgdIR" x1="11.849" x2="11.849" y1="19.365" y2="13.525" gradientUnits="userSpaceOnUse"><stop offset=".59" stop-color="#a9cfd8"/><stop offset="1" stop-color="#cfe6ee"/></linearGradient><linearGradient id="SVGegzXRbfP" x1="12" x2="12" y1="9.698" y2="14.875" gradientUnits="userSpaceOnUse"><stop offset=".57" stop-color="#d7fdff"/><stop offset="1" stop-color="#dafbff"/></linearGradient><linearGradient id="SVGTRgSocUZ" x1="8.973" x2="11.665" y1="10.216" y2="5.261" gradientUnits="userSpaceOnUse"><stop offset=".46" stop-color="#70b8c7"/><stop offset="1" stop-color="#d8f3fc"/></linearGradient><linearGradient id="SVGoxnlpe6o" x1="15.025" x2="12.334" y1="10.216" y2="5.261" gradientUnits="userSpaceOnUse"><stop offset=".26" stop-color="#96cedf"/><stop offset="1" stop-color="#d8f3fc"/></linearGradient><clipPath id="SVGHcSWxdhd15"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSlgBackground(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(#SVGHcSWxdhd15)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="url(#SVGJDHJgdIR)" d="m4.47 16.645l2.354-4.376l5.223 2.296l5.13-2.296l2.352 4.376L12.047 20z"/><path fill="url(#SVGegzXRbfP)" fillRule="evenodd" d="M11.99 14.875a853 853 0 0 0-5.166-2.607l5.167-2.57l5.186 2.57zm0-.815c-1.162-.588-3.5-1.774-3.543-1.788l3.544-1.76l3.562 1.765l-3.562 1.788zm-1.637-1.355l1.647.706l1.647-.71L12 11.999l-1.647.701z" clipRule="evenodd"/><path fill="url(#SVGTRgSocUZ)" d="M12 11.53L8.233 9.872L12 4z"/><path fill="url(#SVGoxnlpe6o)" d="m12 11.53l3.764-1.657L12 4z"/></g><defs><linearGradient id="SVGJDHJgdIR" x1="11.849" x2="11.849" y1="19.365" y2="13.525" gradientUnits="userSpaceOnUse"><stop offset=".59" stopColor="#a9cfd8"/><stop offset="1" stopColor="#cfe6ee"/></linearGradient><linearGradient id="SVGegzXRbfP" x1="12" x2="12" y1="9.698" y2="14.875" gradientUnits="userSpaceOnUse"><stop offset=".57" stopColor="#d7fdff"/><stop offset="1" stopColor="#dafbff"/></linearGradient><linearGradient id="SVGTRgSocUZ" x1="8.973" x2="11.665" y1="10.216" y2="5.261" gradientUnits="userSpaceOnUse"><stop offset=".46" stopColor="#70b8c7"/><stop offset="1" stopColor="#d8f3fc"/></linearGradient><linearGradient id="SVGoxnlpe6o" x1="15.025" x2="12.334" y1="10.216" y2="5.261" gradientUnits="userSpaceOnUse"><stop offset=".26" stopColor="#96cedf"/><stop offset="1" stopColor="#d8f3fc"/></linearGradient><clipPath id="SVGHcSWxdhd15"><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(#SVGHcSWxdhd15)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="url(#SVGJDHJgdIR)" d="m4.47 16.645l2.354-4.376l5.223 2.296l5.13-2.296l2.352 4.376L12.047 20z"/><path fill="url(#SVGegzXRbfP)" fill-rule="evenodd" d="M11.99 14.875a853 853 0 0 0-5.166-2.607l5.167-2.57l5.186 2.57zm0-.815c-1.162-.588-3.5-1.774-3.543-1.788l3.544-1.76l3.562 1.765l-3.562 1.788zm-1.637-1.355l1.647.706l1.647-.71L12 11.999l-1.647.701z" clip-rule="evenodd"/><path fill="url(#SVGTRgSocUZ)" d="M12 11.53L8.233 9.872L12 4z"/><path fill="url(#SVGoxnlpe6o)" d="m12 11.53l3.764-1.657L12 4z"/></g><defs><linearGradient id="SVGJDHJgdIR" x1="11.849" x2="11.849" y1="19.365" y2="13.525" gradientUnits="userSpaceOnUse"><stop offset=".59" stop-color="#a9cfd8"/><stop offset="1" stop-color="#cfe6ee"/></linearGradient><linearGradient id="SVGegzXRbfP" x1="12" x2="12" y1="9.698" y2="14.875" gradientUnits="userSpaceOnUse"><stop offset=".57" stop-color="#d7fdff"/><stop offset="1" stop-color="#dafbff"/></linearGradient><linearGradient id="SVGTRgSocUZ" x1="8.973" x2="11.665" y1="10.216" y2="5.261" gradientUnits="userSpaceOnUse"><stop offset=".46" stop-color="#70b8c7"/><stop offset="1" stop-color="#d8f3fc"/></linearGradient><linearGradient id="SVGoxnlpe6o" x1="15.025" x2="12.334" y1="10.216" y2="5.261" gradientUnits="userSpaceOnUse"><stop offset=".26" stop-color="#96cedf"/><stop offset="1" stop-color="#d8f3fc"/></linearGradient><clipPath id="SVGHcSWxdhd15"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-slg-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(%23SVGHcSWxdhd15)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGJDHJgdIR)%22%20d%3D%22m4.47%2016.645l2.354-4.376l5.223%202.296l5.13-2.296l2.352%204.376L12.047%2020z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGegzXRbfP)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.99%2014.875a853%20853%200%200%200-5.166-2.607l5.167-2.57l5.186%202.57zm0-.815c-1.162-.588-3.5-1.774-3.543-1.788l3.544-1.76l3.562%201.765l-3.562%201.788zm-1.637-1.355l1.647.706l1.647-.71L12%2011.999l-1.647.701z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGTRgSocUZ)%22%20d%3D%22M12%2011.53L8.233%209.872L12%204z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGoxnlpe6o)%22%20d%3D%22m12%2011.53l3.764-1.657L12%204z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGJDHJgdIR%22%20x1%3D%2211.849%22%20x2%3D%2211.849%22%20y1%3D%2219.365%22%20y2%3D%2213.525%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.59%22%20stop-color%3D%22%23a9cfd8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23cfe6ee%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGegzXRbfP%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%229.698%22%20y2%3D%2214.875%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.57%22%20stop-color%3D%22%23d7fdff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dafbff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGTRgSocUZ%22%20x1%3D%228.973%22%20x2%3D%2211.665%22%20y1%3D%2210.216%22%20y2%3D%225.261%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.46%22%20stop-color%3D%22%2370b8c7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d8f3fc%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGoxnlpe6o%22%20x1%3D%2215.025%22%20x2%3D%2212.334%22%20y1%3D%2210.216%22%20y2%3D%225.261%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.26%22%20stop-color%3D%22%2396cedf%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d8f3fc%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd15%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(%23SVGHcSWxdhd15)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGJDHJgdIR)%22%20d%3D%22m4.47%2016.645l2.354-4.376l5.223%202.296l5.13-2.296l2.352%204.376L12.047%2020z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGegzXRbfP)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.99%2014.875a853%20853%200%200%200-5.166-2.607l5.167-2.57l5.186%202.57zm0-.815c-1.162-.588-3.5-1.774-3.543-1.788l3.544-1.76l3.562%201.765l-3.562%201.788zm-1.637-1.355l1.647.706l1.647-.71L12%2011.999l-1.647.701z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGTRgSocUZ)%22%20d%3D%22M12%2011.53L8.233%209.872L12%204z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGoxnlpe6o)%22%20d%3D%22m12%2011.53l3.764-1.657L12%204z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGJDHJgdIR%22%20x1%3D%2211.849%22%20x2%3D%2211.849%22%20y1%3D%2219.365%22%20y2%3D%2213.525%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.59%22%20stop-color%3D%22%23a9cfd8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23cfe6ee%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGegzXRbfP%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%229.698%22%20y2%3D%2214.875%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.57%22%20stop-color%3D%22%23d7fdff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dafbff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGTRgSocUZ%22%20x1%3D%228.973%22%20x2%3D%2211.665%22%20y1%3D%2210.216%22%20y2%3D%225.261%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.46%22%20stop-color%3D%22%2370b8c7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d8f3fc%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGoxnlpe6o%22%20x1%3D%2215.025%22%20x2%3D%2212.334%22%20y1%3D%2210.216%22%20y2%3D%225.261%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.26%22%20stop-color%3D%22%2396cedf%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d8f3fc%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd15%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/slg-background.svg?color=%231a73e8&size=48
