Ícone Sys
token:sys
O ícone Sys (token:sys) é um ícone SVG gratuito da coleção Web3 Icons de 0xa3k5. Ele é desenhado em uma grade de 24 × 24. Web3 Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Web3 Icons
- Autor
- 0xa3k5
- Licença
- MIT
- Tamanho
- 24 × 24
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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>Como usar o ícone Sys
React
import { Icon } from "@iconify/react";
<Icon icon="token:sys" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:sys" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:sys" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--sys]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:sys"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:sys"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/token/sys.svg" alt="Ícone Sys" width="24" height="24">O ícone Sys em outras coleções
Perguntas frequentes sobre Ícone Sys
O ícone Sys é grátis para uso comercial?
Sim. Web3 Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Sys no React?
Instale @iconify/react e renderize <Icon icon="token:sys" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Sys a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/token/sys.svg" alt="Ícone Sys">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.