sys logo
sys-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- sys-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 sys 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(#SVGHcSWxdhd28)"><path fill="#20468f" d="M24 0H0v24h24z"/><path fill="#fff" d="M17.99 17.378a8.4 8.4 0 0 1-1.448 1.007c.1-.078-.212-.407-.118-.491c2.358-2.053 2.896-4.696 1.945-7.021c-.129-.314.142-.44.143-.728c2.172 2.055 1.938 5.091-.521 7.233"/><path fill="#fff" d="M18.512 10.146c-.797-.755-1.915-1.377-3.367-1.774l-.018-.005l.02.005c.477.125.514.677.842.956c.702.597.894 1.361.966 2.371c.108 1.502.1 2.988-.996 4.31c-.575.695-1.302 1.326-2.16 1.697l-.191.083l-.028.01q-.669.267-1.377.396c-1.778.336-4.128.196-6.972-.709a10.3 10.3 0 0 0 3.58 1.798c1.297.354 2.65.454 3.985.293q.004 0 .01-.003a10.4 10.4 0 0 0 2.691-.69h.003q.535-.218 1.041-.498q.15-.119.293-.245c2.675-2.33 3.282-5.491 1.678-7.995"/><path fill="#fff" d="M13.608 17.788c3.324-1.356 3.503-4.794-.36-6.729c-2.807-1.406-1.567-3.637 1.898-2.687c3.872 1.018 2.727 7.768-1.538 9.416"/><path fill="#fff" d="M18.77 6.515c-3.654-1.163-6.488-1.063-8.348-.313l-.027.01C7.63 7.341 7.04 9.908 9.143 11.852c-.554-.46-1.187-.948-1.46-1.57a4.77 4.77 0 0 1-.315-2.603c.19-1.117.895-2.125 2.056-2.74c.462-.246 1.157-.421 1.784-.515a10.25 10.25 0 0 1 7.561 2.09"/><path fill="#fff" d="M9.76 15.814c-.24-.077-.51-.114-.732-.204c-2.821-1.136-4.329-3.25-4.275-5.336c.039-1.482.907-2.984 2.328-4.221c.402-.35.932-.645 1.42-.935l.003-.002a10.4 10.4 0 0 1 2.703-.693q-.332.05-.654.138c-3.651.995-3.87 5.25-1.41 7.292l.002.001c.425.393.96.762 1.61 1.086c2.544 1.276 1.761 3.231-.994 2.874"/><path fill="#fff" d="M9.759 15.816a7 7 0 0 1-.906-.185c-5.41-1.481-6.204-6.082-2.844-9.009A8.9 8.9 0 0 1 8.5 5.12q-.713.42-1.34.963c-3.58 3.116-2.867 7.962 2.6 9.734"/></g><defs><clipPath id="SVGHcSWxdhd28"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSysBackground(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(#SVGHcSWxdhd28)"><path fill="#20468f" d="M24 0H0v24h24z"/><path fill="#fff" d="M17.99 17.378a8.4 8.4 0 0 1-1.448 1.007c.1-.078-.212-.407-.118-.491c2.358-2.053 2.896-4.696 1.945-7.021c-.129-.314.142-.44.143-.728c2.172 2.055 1.938 5.091-.521 7.233"/><path fill="#fff" d="M18.512 10.146c-.797-.755-1.915-1.377-3.367-1.774l-.018-.005l.02.005c.477.125.514.677.842.956c.702.597.894 1.361.966 2.371c.108 1.502.1 2.988-.996 4.31c-.575.695-1.302 1.326-2.16 1.697l-.191.083l-.028.01q-.669.267-1.377.396c-1.778.336-4.128.196-6.972-.709a10.3 10.3 0 0 0 3.58 1.798c1.297.354 2.65.454 3.985.293q.004 0 .01-.003a10.4 10.4 0 0 0 2.691-.69h.003q.535-.218 1.041-.498q.15-.119.293-.245c2.675-2.33 3.282-5.491 1.678-7.995"/><path fill="#fff" d="M13.608 17.788c3.324-1.356 3.503-4.794-.36-6.729c-2.807-1.406-1.567-3.637 1.898-2.687c3.872 1.018 2.727 7.768-1.538 9.416"/><path fill="#fff" d="M18.77 6.515c-3.654-1.163-6.488-1.063-8.348-.313l-.027.01C7.63 7.341 7.04 9.908 9.143 11.852c-.554-.46-1.187-.948-1.46-1.57a4.77 4.77 0 0 1-.315-2.603c.19-1.117.895-2.125 2.056-2.74c.462-.246 1.157-.421 1.784-.515a10.25 10.25 0 0 1 7.561 2.09"/><path fill="#fff" d="M9.76 15.814c-.24-.077-.51-.114-.732-.204c-2.821-1.136-4.329-3.25-4.275-5.336c.039-1.482.907-2.984 2.328-4.221c.402-.35.932-.645 1.42-.935l.003-.002a10.4 10.4 0 0 1 2.703-.693q-.332.05-.654.138c-3.651.995-3.87 5.25-1.41 7.292l.002.001c.425.393.96.762 1.61 1.086c2.544 1.276 1.761 3.231-.994 2.874"/><path fill="#fff" d="M9.759 15.816a7 7 0 0 1-.906-.185c-5.41-1.481-6.204-6.082-2.844-9.009A8.9 8.9 0 0 1 8.5 5.12q-.713.42-1.34.963c-3.58 3.116-2.867 7.962 2.6 9.734"/></g><defs><clipPath id="SVGHcSWxdhd28"><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(#SVGHcSWxdhd28)"><path fill="#20468f" d="M24 0H0v24h24z"/><path fill="#fff" d="M17.99 17.378a8.4 8.4 0 0 1-1.448 1.007c.1-.078-.212-.407-.118-.491c2.358-2.053 2.896-4.696 1.945-7.021c-.129-.314.142-.44.143-.728c2.172 2.055 1.938 5.091-.521 7.233"/><path fill="#fff" d="M18.512 10.146c-.797-.755-1.915-1.377-3.367-1.774l-.018-.005l.02.005c.477.125.514.677.842.956c.702.597.894 1.361.966 2.371c.108 1.502.1 2.988-.996 4.31c-.575.695-1.302 1.326-2.16 1.697l-.191.083l-.028.01q-.669.267-1.377.396c-1.778.336-4.128.196-6.972-.709a10.3 10.3 0 0 0 3.58 1.798c1.297.354 2.65.454 3.985.293q.004 0 .01-.003a10.4 10.4 0 0 0 2.691-.69h.003q.535-.218 1.041-.498q.15-.119.293-.245c2.675-2.33 3.282-5.491 1.678-7.995"/><path fill="#fff" d="M13.608 17.788c3.324-1.356 3.503-4.794-.36-6.729c-2.807-1.406-1.567-3.637 1.898-2.687c3.872 1.018 2.727 7.768-1.538 9.416"/><path fill="#fff" d="M18.77 6.515c-3.654-1.163-6.488-1.063-8.348-.313l-.027.01C7.63 7.341 7.04 9.908 9.143 11.852c-.554-.46-1.187-.948-1.46-1.57a4.77 4.77 0 0 1-.315-2.603c.19-1.117.895-2.125 2.056-2.74c.462-.246 1.157-.421 1.784-.515a10.25 10.25 0 0 1 7.561 2.09"/><path fill="#fff" d="M9.76 15.814c-.24-.077-.51-.114-.732-.204c-2.821-1.136-4.329-3.25-4.275-5.336c.039-1.482.907-2.984 2.328-4.221c.402-.35.932-.645 1.42-.935l.003-.002a10.4 10.4 0 0 1 2.703-.693q-.332.05-.654.138c-3.651.995-3.87 5.25-1.41 7.292l.002.001c.425.393.96.762 1.61 1.086c2.544 1.276 1.761 3.231-.994 2.874"/><path fill="#fff" d="M9.759 15.816a7 7 0 0 1-.906-.185c-5.41-1.481-6.204-6.082-2.844-9.009A8.9 8.9 0 0 1 8.5 5.12q-.713.42-1.34.963c-3.58 3.116-2.867 7.962 2.6 9.734"/></g><defs><clipPath id="SVGHcSWxdhd28"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-sys-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(%23SVGHcSWxdhd28)%22%3E%3Cpath%20fill%3D%22%2320468f%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.99%2017.378a8.4%208.4%200%200%201-1.448%201.007c.1-.078-.212-.407-.118-.491c2.358-2.053%202.896-4.696%201.945-7.021c-.129-.314.142-.44.143-.728c2.172%202.055%201.938%205.091-.521%207.233%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.512%2010.146c-.797-.755-1.915-1.377-3.367-1.774l-.018-.005l.02.005c.477.125.514.677.842.956c.702.597.894%201.361.966%202.371c.108%201.502.1%202.988-.996%204.31c-.575.695-1.302%201.326-2.16%201.697l-.191.083l-.028.01q-.669.267-1.377.396c-1.778.336-4.128.196-6.972-.709a10.3%2010.3%200%200%200%203.58%201.798c1.297.354%202.65.454%203.985.293q.004%200%20.01-.003a10.4%2010.4%200%200%200%202.691-.69h.003q.535-.218%201.041-.498q.15-.119.293-.245c2.675-2.33%203.282-5.491%201.678-7.995%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.608%2017.788c3.324-1.356%203.503-4.794-.36-6.729c-2.807-1.406-1.567-3.637%201.898-2.687c3.872%201.018%202.727%207.768-1.538%209.416%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.77%206.515c-3.654-1.163-6.488-1.063-8.348-.313l-.027.01C7.63%207.341%207.04%209.908%209.143%2011.852c-.554-.46-1.187-.948-1.46-1.57a4.77%204.77%200%200%201-.315-2.603c.19-1.117.895-2.125%202.056-2.74c.462-.246%201.157-.421%201.784-.515a10.25%2010.25%200%200%201%207.561%202.09%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.76%2015.814c-.24-.077-.51-.114-.732-.204c-2.821-1.136-4.329-3.25-4.275-5.336c.039-1.482.907-2.984%202.328-4.221c.402-.35.932-.645%201.42-.935l.003-.002a10.4%2010.4%200%200%201%202.703-.693q-.332.05-.654.138c-3.651.995-3.87%205.25-1.41%207.292l.002.001c.425.393.96.762%201.61%201.086c2.544%201.276%201.761%203.231-.994%202.874%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.759%2015.816a7%207%200%200%201-.906-.185c-5.41-1.481-6.204-6.082-2.844-9.009A8.9%208.9%200%200%201%208.5%205.12q-.713.42-1.34.963c-3.58%203.116-2.867%207.962%202.6%209.734%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd28%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(%23SVGHcSWxdhd28)%22%3E%3Cpath%20fill%3D%22%2320468f%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.99%2017.378a8.4%208.4%200%200%201-1.448%201.007c.1-.078-.212-.407-.118-.491c2.358-2.053%202.896-4.696%201.945-7.021c-.129-.314.142-.44.143-.728c2.172%202.055%201.938%205.091-.521%207.233%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.512%2010.146c-.797-.755-1.915-1.377-3.367-1.774l-.018-.005l.02.005c.477.125.514.677.842.956c.702.597.894%201.361.966%202.371c.108%201.502.1%202.988-.996%204.31c-.575.695-1.302%201.326-2.16%201.697l-.191.083l-.028.01q-.669.267-1.377.396c-1.778.336-4.128.196-6.972-.709a10.3%2010.3%200%200%200%203.58%201.798c1.297.354%202.65.454%203.985.293q.004%200%20.01-.003a10.4%2010.4%200%200%200%202.691-.69h.003q.535-.218%201.041-.498q.15-.119.293-.245c2.675-2.33%203.282-5.491%201.678-7.995%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.608%2017.788c3.324-1.356%203.503-4.794-.36-6.729c-2.807-1.406-1.567-3.637%201.898-2.687c3.872%201.018%202.727%207.768-1.538%209.416%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.77%206.515c-3.654-1.163-6.488-1.063-8.348-.313l-.027.01C7.63%207.341%207.04%209.908%209.143%2011.852c-.554-.46-1.187-.948-1.46-1.57a4.77%204.77%200%200%201-.315-2.603c.19-1.117.895-2.125%202.056-2.74c.462-.246%201.157-.421%201.784-.515a10.25%2010.25%200%200%201%207.561%202.09%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.76%2015.814c-.24-.077-.51-.114-.732-.204c-2.821-1.136-4.329-3.25-4.275-5.336c.039-1.482.907-2.984%202.328-4.221c.402-.35.932-.645%201.42-.935l.003-.002a10.4%2010.4%200%200%201%202.703-.693q-.332.05-.654.138c-3.651.995-3.87%205.25-1.41%207.292l.002.001c.425.393.96.762%201.61%201.086c2.544%201.276%201.761%203.231-.994%202.874%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.759%2015.816a7%207%200%200%201-.906-.185c-5.41-1.481-6.204-6.082-2.844-9.009A8.9%208.9%200%200%201%208.5%205.12q-.713.42-1.34.963c-3.58%203.116-2.867%207.962%202.6%209.734%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd28%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/sys-background.svg?color=%231a73e8&size=48
