sys logo
sys from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- sys
- 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 sys logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#20468f"><path d="M18.74 18.05a9.5 9.5 0 0 1-1.63 1.133c.111-.088-.24-.458-.133-.552c2.652-2.31 3.258-5.283 2.188-7.9c-.145-.352.16-.494.162-.818c2.443 2.312 2.18 5.728-.587 8.137"/><path d="M19.326 9.915c-.897-.85-2.155-1.55-3.788-1.997l-.02-.005l.022.005c.536.141.578.762.947 1.076c.79.672 1.006 1.531 1.087 2.668c.121 1.689.112 3.36-1.12 4.849c-.648.78-1.465 1.49-2.43 1.909a6 6 0 0 1-.215.093l-.032.012c-.5.199-1.02.348-1.55.444c-2 .379-4.643.22-7.842-.797a11.6 11.6 0 0 0 4.027 2.022c1.459.399 2.982.511 4.483.33q.006 0 .011-.003a11.7 11.7 0 0 0 3.028-.777h.003q.602-.245 1.171-.56q.17-.133.33-.275c3.01-2.622 3.692-6.178 1.888-8.994"/><path d="M13.809 18.512c3.74-1.526 3.94-5.394-.405-7.57c-3.158-1.582-1.763-4.092 2.135-3.024c4.356 1.146 3.068 8.74-1.73 10.594"/><path d="M19.616 5.83c-4.11-1.31-7.298-1.197-9.391-.353l-.03.012c-3.112 1.269-3.775 4.157-1.41 6.345c-.624-.518-1.335-1.067-1.642-1.767c-.394-.893-.512-1.998-.354-2.928c.213-1.257 1.006-2.391 2.312-3.083c.52-.277 1.302-.473 2.006-.58c2.764-.33 5.834.284 8.508 2.353"/><path d="M9.48 16.29c-.27-.087-.574-.128-.824-.229c-3.174-1.278-4.87-3.656-4.809-6.003c.044-1.668 1.02-3.357 2.619-4.749c.452-.393 1.048-.725 1.597-1.052l.004-.001a11.7 11.7 0 0 1 3.04-.78a6 6 0 0 0-.735.155C6.264 4.75 6.018 9.537 8.785 11.834l.003.002c.478.442 1.08.856 1.81 1.221c2.863 1.436 1.983 3.635-1.117 3.234"/><path d="M9.478 16.292a7.5 7.5 0 0 1-1.019-.208C2.373 14.418 1.48 9.242 5.26 5.95a10 10 0 0 1 2.801-1.692q-.802.474-1.508 1.084c-4.026 3.505-3.224 8.957 2.925 10.95"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSys(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#20468f"><path d="M18.74 18.05a9.5 9.5 0 0 1-1.63 1.133c.111-.088-.24-.458-.133-.552c2.652-2.31 3.258-5.283 2.188-7.9c-.145-.352.16-.494.162-.818c2.443 2.312 2.18 5.728-.587 8.137"/><path d="M19.326 9.915c-.897-.85-2.155-1.55-3.788-1.997l-.02-.005l.022.005c.536.141.578.762.947 1.076c.79.672 1.006 1.531 1.087 2.668c.121 1.689.112 3.36-1.12 4.849c-.648.78-1.465 1.49-2.43 1.909a6 6 0 0 1-.215.093l-.032.012c-.5.199-1.02.348-1.55.444c-2 .379-4.643.22-7.842-.797a11.6 11.6 0 0 0 4.027 2.022c1.459.399 2.982.511 4.483.33q.006 0 .011-.003a11.7 11.7 0 0 0 3.028-.777h.003q.602-.245 1.171-.56q.17-.133.33-.275c3.01-2.622 3.692-6.178 1.888-8.994"/><path d="M13.809 18.512c3.74-1.526 3.94-5.394-.405-7.57c-3.158-1.582-1.763-4.092 2.135-3.024c4.356 1.146 3.068 8.74-1.73 10.594"/><path d="M19.616 5.83c-4.11-1.31-7.298-1.197-9.391-.353l-.03.012c-3.112 1.269-3.775 4.157-1.41 6.345c-.624-.518-1.335-1.067-1.642-1.767c-.394-.893-.512-1.998-.354-2.928c.213-1.257 1.006-2.391 2.312-3.083c.52-.277 1.302-.473 2.006-.58c2.764-.33 5.834.284 8.508 2.353"/><path d="M9.48 16.29c-.27-.087-.574-.128-.824-.229c-3.174-1.278-4.87-3.656-4.809-6.003c.044-1.668 1.02-3.357 2.619-4.749c.452-.393 1.048-.725 1.597-1.052l.004-.001a11.7 11.7 0 0 1 3.04-.78a6 6 0 0 0-.735.155C6.264 4.75 6.018 9.537 8.785 11.834l.003.002c.478.442 1.08.856 1.81 1.221c2.863 1.436 1.983 3.635-1.117 3.234"/><path d="M9.478 16.292a7.5 7.5 0 0 1-1.019-.208C2.373 14.418 1.48 9.242 5.26 5.95a10 10 0 0 1 2.801-1.692q-.802.474-1.508 1.084c-4.026 3.505-3.224 8.957 2.925 10.95"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#20468f"><path d="M18.74 18.05a9.5 9.5 0 0 1-1.63 1.133c.111-.088-.24-.458-.133-.552c2.652-2.31 3.258-5.283 2.188-7.9c-.145-.352.16-.494.162-.818c2.443 2.312 2.18 5.728-.587 8.137"/><path d="M19.326 9.915c-.897-.85-2.155-1.55-3.788-1.997l-.02-.005l.022.005c.536.141.578.762.947 1.076c.79.672 1.006 1.531 1.087 2.668c.121 1.689.112 3.36-1.12 4.849c-.648.78-1.465 1.49-2.43 1.909a6 6 0 0 1-.215.093l-.032.012c-.5.199-1.02.348-1.55.444c-2 .379-4.643.22-7.842-.797a11.6 11.6 0 0 0 4.027 2.022c1.459.399 2.982.511 4.483.33q.006 0 .011-.003a11.7 11.7 0 0 0 3.028-.777h.003q.602-.245 1.171-.56q.17-.133.33-.275c3.01-2.622 3.692-6.178 1.888-8.994"/><path d="M13.809 18.512c3.74-1.526 3.94-5.394-.405-7.57c-3.158-1.582-1.763-4.092 2.135-3.024c4.356 1.146 3.068 8.74-1.73 10.594"/><path d="M19.616 5.83c-4.11-1.31-7.298-1.197-9.391-.353l-.03.012c-3.112 1.269-3.775 4.157-1.41 6.345c-.624-.518-1.335-1.067-1.642-1.767c-.394-.893-.512-1.998-.354-2.928c.213-1.257 1.006-2.391 2.312-3.083c.52-.277 1.302-.473 2.006-.58c2.764-.33 5.834.284 8.508 2.353"/><path d="M9.48 16.29c-.27-.087-.574-.128-.824-.229c-3.174-1.278-4.87-3.656-4.809-6.003c.044-1.668 1.02-3.357 2.619-4.749c.452-.393 1.048-.725 1.597-1.052l.004-.001a11.7 11.7 0 0 1 3.04-.78a6 6 0 0 0-.735.155C6.264 4.75 6.018 9.537 8.785 11.834l.003.002c.478.442 1.08.856 1.81 1.221c2.863 1.436 1.983 3.635-1.117 3.234"/><path d="M9.478 16.292a7.5 7.5 0 0 1-1.019-.208C2.373 14.418 1.48 9.242 5.26 5.95a10 10 0 0 1 2.801-1.692q-.802.474-1.508 1.084c-4.026 3.505-3.224 8.957 2.925 10.95"/></g></svg> </template>
CSS
.icon-sys {
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%22%2320468f%22%3E%3Cpath%20d%3D%22M18.74%2018.05a9.5%209.5%200%200%201-1.63%201.133c.111-.088-.24-.458-.133-.552c2.652-2.31%203.258-5.283%202.188-7.9c-.145-.352.16-.494.162-.818c2.443%202.312%202.18%205.728-.587%208.137%22%2F%3E%3Cpath%20d%3D%22M19.326%209.915c-.897-.85-2.155-1.55-3.788-1.997l-.02-.005l.022.005c.536.141.578.762.947%201.076c.79.672%201.006%201.531%201.087%202.668c.121%201.689.112%203.36-1.12%204.849c-.648.78-1.465%201.49-2.43%201.909a6%206%200%200%201-.215.093l-.032.012c-.5.199-1.02.348-1.55.444c-2%20.379-4.643.22-7.842-.797a11.6%2011.6%200%200%200%204.027%202.022c1.459.399%202.982.511%204.483.33q.006%200%20.011-.003a11.7%2011.7%200%200%200%203.028-.777h.003q.602-.245%201.171-.56q.17-.133.33-.275c3.01-2.622%203.692-6.178%201.888-8.994%22%2F%3E%3Cpath%20d%3D%22M13.809%2018.512c3.74-1.526%203.94-5.394-.405-7.57c-3.158-1.582-1.763-4.092%202.135-3.024c4.356%201.146%203.068%208.74-1.73%2010.594%22%2F%3E%3Cpath%20d%3D%22M19.616%205.83c-4.11-1.31-7.298-1.197-9.391-.353l-.03.012c-3.112%201.269-3.775%204.157-1.41%206.345c-.624-.518-1.335-1.067-1.642-1.767c-.394-.893-.512-1.998-.354-2.928c.213-1.257%201.006-2.391%202.312-3.083c.52-.277%201.302-.473%202.006-.58c2.764-.33%205.834.284%208.508%202.353%22%2F%3E%3Cpath%20d%3D%22M9.48%2016.29c-.27-.087-.574-.128-.824-.229c-3.174-1.278-4.87-3.656-4.809-6.003c.044-1.668%201.02-3.357%202.619-4.749c.452-.393%201.048-.725%201.597-1.052l.004-.001a11.7%2011.7%200%200%201%203.04-.78a6%206%200%200%200-.735.155C6.264%204.75%206.018%209.537%208.785%2011.834l.003.002c.478.442%201.08.856%201.81%201.221c2.863%201.436%201.983%203.635-1.117%203.234%22%2F%3E%3Cpath%20d%3D%22M9.478%2016.292a7.5%207.5%200%200%201-1.019-.208C2.373%2014.418%201.48%209.242%205.26%205.95a10%2010%200%200%201%202.801-1.692q-.802.474-1.508%201.084c-4.026%203.505-3.224%208.957%202.925%2010.95%22%2F%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%22%2320468f%22%3E%3Cpath%20d%3D%22M18.74%2018.05a9.5%209.5%200%200%201-1.63%201.133c.111-.088-.24-.458-.133-.552c2.652-2.31%203.258-5.283%202.188-7.9c-.145-.352.16-.494.162-.818c2.443%202.312%202.18%205.728-.587%208.137%22%2F%3E%3Cpath%20d%3D%22M19.326%209.915c-.897-.85-2.155-1.55-3.788-1.997l-.02-.005l.022.005c.536.141.578.762.947%201.076c.79.672%201.006%201.531%201.087%202.668c.121%201.689.112%203.36-1.12%204.849c-.648.78-1.465%201.49-2.43%201.909a6%206%200%200%201-.215.093l-.032.012c-.5.199-1.02.348-1.55.444c-2%20.379-4.643.22-7.842-.797a11.6%2011.6%200%200%200%204.027%202.022c1.459.399%202.982.511%204.483.33q.006%200%20.011-.003a11.7%2011.7%200%200%200%203.028-.777h.003q.602-.245%201.171-.56q.17-.133.33-.275c3.01-2.622%203.692-6.178%201.888-8.994%22%2F%3E%3Cpath%20d%3D%22M13.809%2018.512c3.74-1.526%203.94-5.394-.405-7.57c-3.158-1.582-1.763-4.092%202.135-3.024c4.356%201.146%203.068%208.74-1.73%2010.594%22%2F%3E%3Cpath%20d%3D%22M19.616%205.83c-4.11-1.31-7.298-1.197-9.391-.353l-.03.012c-3.112%201.269-3.775%204.157-1.41%206.345c-.624-.518-1.335-1.067-1.642-1.767c-.394-.893-.512-1.998-.354-2.928c.213-1.257%201.006-2.391%202.312-3.083c.52-.277%201.302-.473%202.006-.58c2.764-.33%205.834.284%208.508%202.353%22%2F%3E%3Cpath%20d%3D%22M9.48%2016.29c-.27-.087-.574-.128-.824-.229c-3.174-1.278-4.87-3.656-4.809-6.003c.044-1.668%201.02-3.357%202.619-4.749c.452-.393%201.048-.725%201.597-1.052l.004-.001a11.7%2011.7%200%200%201%203.04-.78a6%206%200%200%200-.735.155C6.264%204.75%206.018%209.537%208.785%2011.834l.003.002c.478.442%201.08.856%201.81%201.221c2.863%201.436%201.983%203.635-1.117%203.234%22%2F%3E%3Cpath%20d%3D%22M9.478%2016.292a7.5%207.5%200%200%201-1.019-.208C2.373%2014.418%201.48%209.242%205.26%205.95a10%2010%200%200%201%202.801-1.692q-.802.474-1.508%201.084c-4.026%203.505-3.224%208.957%202.925%2010.95%22%2F%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.svg?color=%231a73e8&size=48
