sys logo
sys from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- sys
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
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"><path fill="currentColor" 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 fill="currentColor" 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.908a6 6 0 0 1-.215.094l-.032.012c-.5.199-1.02.348-1.55.444c-2 .379-4.643.221-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.621 3.692-6.178 1.888-8.994"/><path fill="currentColor" 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 fill="currentColor" 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 fill="currentColor" d="M9.48 16.291c-.27-.087-.574-.129-.824-.23c-3.174-1.277-4.87-3.655-4.809-6.003c.044-1.667 1.02-3.356 2.619-4.748c.452-.393 1.048-.726 1.597-1.052l.004-.002a11.7 11.7 0 0 1 3.04-.78a6 6 0 0 0-.735.156C6.264 4.75 6.018 9.537 8.785 11.835l.003.001c.478.442 1.08.857 1.81 1.222c2.863 1.436 1.983 3.635-1.117 3.233"/><path fill="currentColor" d="M9.478 16.293a7.5 7.5 0 0 1-1.019-.208C2.373 14.419 1.48 9.242 5.26 5.95a10 10 0 0 1 2.801-1.692q-.802.474-1.508 1.083C2.527 8.848 3.329 14.3 9.478 16.292"/></svg>
React
import type { SVGProps } from "react";
export function TokenSys(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" 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 fill="currentColor" 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.908a6 6 0 0 1-.215.094l-.032.012c-.5.199-1.02.348-1.55.444c-2 .379-4.643.221-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.621 3.692-6.178 1.888-8.994"/><path fill="currentColor" 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 fill="currentColor" 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 fill="currentColor" d="M9.48 16.291c-.27-.087-.574-.129-.824-.23c-3.174-1.277-4.87-3.655-4.809-6.003c.044-1.667 1.02-3.356 2.619-4.748c.452-.393 1.048-.726 1.597-1.052l.004-.002a11.7 11.7 0 0 1 3.04-.78a6 6 0 0 0-.735.156C6.264 4.75 6.018 9.537 8.785 11.835l.003.001c.478.442 1.08.857 1.81 1.222c2.863 1.436 1.983 3.635-1.117 3.233"/><path fill="currentColor" d="M9.478 16.293a7.5 7.5 0 0 1-1.019-.208C2.373 14.419 1.48 9.242 5.26 5.95a10 10 0 0 1 2.801-1.692q-.802.474-1.508 1.083C2.527 8.848 3.329 14.3 9.478 16.292"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" 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 fill="currentColor" 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.908a6 6 0 0 1-.215.094l-.032.012c-.5.199-1.02.348-1.55.444c-2 .379-4.643.221-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.621 3.692-6.178 1.888-8.994"/><path fill="currentColor" 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 fill="currentColor" 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 fill="currentColor" d="M9.48 16.291c-.27-.087-.574-.129-.824-.23c-3.174-1.277-4.87-3.655-4.809-6.003c.044-1.667 1.02-3.356 2.619-4.748c.452-.393 1.048-.726 1.597-1.052l.004-.002a11.7 11.7 0 0 1 3.04-.78a6 6 0 0 0-.735.156C6.264 4.75 6.018 9.537 8.785 11.835l.003.001c.478.442 1.08.857 1.81 1.222c2.863 1.436 1.983 3.635-1.117 3.233"/><path fill="currentColor" d="M9.478 16.293a7.5 7.5 0 0 1-1.019-.208C2.373 14.419 1.48 9.242 5.26 5.95a10 10 0 0 1 2.801-1.692q-.802.474-1.508 1.083C2.527 8.848 3.329 14.3 9.478 16.292"/></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%3Cpath%20fill%3D%22currentColor%22%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%20fill%3D%22currentColor%22%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.908a6%206%200%200%201-.215.094l-.032.012c-.5.199-1.02.348-1.55.444c-2%20.379-4.643.221-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.621%203.692-6.178%201.888-8.994%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%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%20fill%3D%22currentColor%22%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%20fill%3D%22currentColor%22%20d%3D%22M9.48%2016.291c-.27-.087-.574-.129-.824-.23c-3.174-1.277-4.87-3.655-4.809-6.003c.044-1.667%201.02-3.356%202.619-4.748c.452-.393%201.048-.726%201.597-1.052l.004-.002a11.7%2011.7%200%200%201%203.04-.78a6%206%200%200%200-.735.156C6.264%204.75%206.018%209.537%208.785%2011.835l.003.001c.478.442%201.08.857%201.81%201.222c2.863%201.436%201.983%203.635-1.117%203.233%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.478%2016.293a7.5%207.5%200%200%201-1.019-.208C2.373%2014.419%201.48%209.242%205.26%205.95a10%2010%200%200%201%202.801-1.692q-.802.474-1.508%201.083C2.527%208.848%203.329%2014.3%209.478%2016.292%22%2F%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%3Cpath%20fill%3D%22currentColor%22%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%20fill%3D%22currentColor%22%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.908a6%206%200%200%201-.215.094l-.032.012c-.5.199-1.02.348-1.55.444c-2%20.379-4.643.221-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.621%203.692-6.178%201.888-8.994%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%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%20fill%3D%22currentColor%22%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%20fill%3D%22currentColor%22%20d%3D%22M9.48%2016.291c-.27-.087-.574-.129-.824-.23c-3.174-1.277-4.87-3.655-4.809-6.003c.044-1.667%201.02-3.356%202.619-4.748c.452-.393%201.048-.726%201.597-1.052l.004-.002a11.7%2011.7%200%200%201%203.04-.78a6%206%200%200%200-.735.156C6.264%204.75%206.018%209.537%208.785%2011.835l.003.001c.478.442%201.08.857%201.81%201.222c2.863%201.436%201.983%203.635-1.117%203.233%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.478%2016.293a7.5%207.5%200%200%201-1.019-.208C2.373%2014.419%201.48%209.242%205.26%205.95a10%2010%200%200%201%202.801-1.692q-.802.474-1.508%201.083C2.527%208.848%203.329%2014.3%209.478%2016.292%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/sys.svg?color=%231a73e8&size=48
