slg logo
slg from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- slg
- Set
- Web3 Icons Branded
- Style
- Branded
- 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"><path fill="url(#SVGpbeK1dxm)" d="m3.53 17.225l2.647-4.923l5.876 2.583l5.77-2.583l2.647 4.923L12.053 21z"/><path fill="url(#SVGJFw7XbFq)" fill-rule="evenodd" d="M11.99 15.234A960 960 0 0 0 6.176 12.3l5.812-2.89l5.834 2.89zm0-.916c-1.308-.662-3.94-1.996-3.987-2.012l3.986-1.98l4.008 1.985l-4.008 2.012zm-1.843-1.525l1.853.794l1.853-.8L12 12l-1.853.789z" clip-rule="evenodd"/><path fill="url(#SVGXM832bEl)" d="M11.999 11.47L7.764 9.607L11.999 3z"/><path fill="url(#SVGLigZycBG)" d="m12 11.47l4.235-1.863L12 3z"/><defs><linearGradient id="SVGpbeK1dxm" x1="11.831" x2="11.831" y1="20.285" y2="13.715" gradientUnits="userSpaceOnUse"><stop offset=".59" stop-color="#a9cfd8"/><stop offset="1" stop-color="#cfe6ee"/></linearGradient><linearGradient id="SVGJFw7XbFq" x1="12" x2="12" y1="9.41" y2="15.233" gradientUnits="userSpaceOnUse"><stop offset=".57" stop-color="#d7fdff"/><stop offset="1" stop-color="#dafbff"/></linearGradient><linearGradient id="SVGXM832bEl" x1="8.595" x2="11.623" y1="9.993" y2="4.419" gradientUnits="userSpaceOnUse"><stop offset=".46" stop-color="#70b8c7"/><stop offset="1" stop-color="#d8f3fc"/></linearGradient><linearGradient id="SVGLigZycBG" x1="15.403" x2="12.375" y1="9.993" y2="4.419" gradientUnits="userSpaceOnUse"><stop offset=".26" stop-color="#96cedf"/><stop offset="1" stop-color="#d8f3fc"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSlg(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"><path fill="url(#SVGpbeK1dxm)" d="m3.53 17.225l2.647-4.923l5.876 2.583l5.77-2.583l2.647 4.923L12.053 21z"/><path fill="url(#SVGJFw7XbFq)" fillRule="evenodd" d="M11.99 15.234A960 960 0 0 0 6.176 12.3l5.812-2.89l5.834 2.89zm0-.916c-1.308-.662-3.94-1.996-3.987-2.012l3.986-1.98l4.008 1.985l-4.008 2.012zm-1.843-1.525l1.853.794l1.853-.8L12 12l-1.853.789z" clipRule="evenodd"/><path fill="url(#SVGXM832bEl)" d="M11.999 11.47L7.764 9.607L11.999 3z"/><path fill="url(#SVGLigZycBG)" d="m12 11.47l4.235-1.863L12 3z"/><defs><linearGradient id="SVGpbeK1dxm" x1="11.831" x2="11.831" y1="20.285" y2="13.715" gradientUnits="userSpaceOnUse"><stop offset=".59" stopColor="#a9cfd8"/><stop offset="1" stopColor="#cfe6ee"/></linearGradient><linearGradient id="SVGJFw7XbFq" x1="12" x2="12" y1="9.41" y2="15.233" gradientUnits="userSpaceOnUse"><stop offset=".57" stopColor="#d7fdff"/><stop offset="1" stopColor="#dafbff"/></linearGradient><linearGradient id="SVGXM832bEl" x1="8.595" x2="11.623" y1="9.993" y2="4.419" gradientUnits="userSpaceOnUse"><stop offset=".46" stopColor="#70b8c7"/><stop offset="1" stopColor="#d8f3fc"/></linearGradient><linearGradient id="SVGLigZycBG" x1="15.403" x2="12.375" y1="9.993" y2="4.419" gradientUnits="userSpaceOnUse"><stop offset=".26" stopColor="#96cedf"/><stop offset="1" stopColor="#d8f3fc"/></linearGradient></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"><path fill="url(#SVGpbeK1dxm)" d="m3.53 17.225l2.647-4.923l5.876 2.583l5.77-2.583l2.647 4.923L12.053 21z"/><path fill="url(#SVGJFw7XbFq)" fill-rule="evenodd" d="M11.99 15.234A960 960 0 0 0 6.176 12.3l5.812-2.89l5.834 2.89zm0-.916c-1.308-.662-3.94-1.996-3.987-2.012l3.986-1.98l4.008 1.985l-4.008 2.012zm-1.843-1.525l1.853.794l1.853-.8L12 12l-1.853.789z" clip-rule="evenodd"/><path fill="url(#SVGXM832bEl)" d="M11.999 11.47L7.764 9.607L11.999 3z"/><path fill="url(#SVGLigZycBG)" d="m12 11.47l4.235-1.863L12 3z"/><defs><linearGradient id="SVGpbeK1dxm" x1="11.831" x2="11.831" y1="20.285" y2="13.715" gradientUnits="userSpaceOnUse"><stop offset=".59" stop-color="#a9cfd8"/><stop offset="1" stop-color="#cfe6ee"/></linearGradient><linearGradient id="SVGJFw7XbFq" x1="12" x2="12" y1="9.41" y2="15.233" gradientUnits="userSpaceOnUse"><stop offset=".57" stop-color="#d7fdff"/><stop offset="1" stop-color="#dafbff"/></linearGradient><linearGradient id="SVGXM832bEl" x1="8.595" x2="11.623" y1="9.993" y2="4.419" gradientUnits="userSpaceOnUse"><stop offset=".46" stop-color="#70b8c7"/><stop offset="1" stop-color="#d8f3fc"/></linearGradient><linearGradient id="SVGLigZycBG" x1="15.403" x2="12.375" y1="9.993" y2="4.419" gradientUnits="userSpaceOnUse"><stop offset=".26" stop-color="#96cedf"/><stop offset="1" stop-color="#d8f3fc"/></linearGradient></defs></g></svg> </template>
CSS
.icon-slg {
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%3Cpath%20fill%3D%22url(%23SVGpbeK1dxm)%22%20d%3D%22m3.53%2017.225l2.647-4.923l5.876%202.583l5.77-2.583l2.647%204.923L12.053%2021z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGJFw7XbFq)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.99%2015.234A960%20960%200%200%200%206.176%2012.3l5.812-2.89l5.834%202.89zm0-.916c-1.308-.662-3.94-1.996-3.987-2.012l3.986-1.98l4.008%201.985l-4.008%202.012zm-1.843-1.525l1.853.794l1.853-.8L12%2012l-1.853.789z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGXM832bEl)%22%20d%3D%22M11.999%2011.47L7.764%209.607L11.999%203z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGLigZycBG)%22%20d%3D%22m12%2011.47l4.235-1.863L12%203z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGpbeK1dxm%22%20x1%3D%2211.831%22%20x2%3D%2211.831%22%20y1%3D%2220.285%22%20y2%3D%2213.715%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%22SVGJFw7XbFq%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%229.41%22%20y2%3D%2215.233%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%22SVGXM832bEl%22%20x1%3D%228.595%22%20x2%3D%2211.623%22%20y1%3D%229.993%22%20y2%3D%224.419%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%22SVGLigZycBG%22%20x1%3D%2215.403%22%20x2%3D%2212.375%22%20y1%3D%229.993%22%20y2%3D%224.419%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%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%3Cpath%20fill%3D%22url(%23SVGpbeK1dxm)%22%20d%3D%22m3.53%2017.225l2.647-4.923l5.876%202.583l5.77-2.583l2.647%204.923L12.053%2021z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGJFw7XbFq)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.99%2015.234A960%20960%200%200%200%206.176%2012.3l5.812-2.89l5.834%202.89zm0-.916c-1.308-.662-3.94-1.996-3.987-2.012l3.986-1.98l4.008%201.985l-4.008%202.012zm-1.843-1.525l1.853.794l1.853-.8L12%2012l-1.853.789z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGXM832bEl)%22%20d%3D%22M11.999%2011.47L7.764%209.607L11.999%203z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGLigZycBG)%22%20d%3D%22m12%2011.47l4.235-1.863L12%203z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGpbeK1dxm%22%20x1%3D%2211.831%22%20x2%3D%2211.831%22%20y1%3D%2220.285%22%20y2%3D%2213.715%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%22SVGJFw7XbFq%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%229.41%22%20y2%3D%2215.233%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%22SVGXM832bEl%22%20x1%3D%228.595%22%20x2%3D%2211.623%22%20y1%3D%229.993%22%20y2%3D%224.419%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%22SVGLigZycBG%22%20x1%3D%2215.403%22%20x2%3D%2212.375%22%20y1%3D%229.993%22%20y2%3D%224.419%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%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.svg?color=%231a73e8&size=48
