Ícone Six
token:six
O ícone Six (token:six) é 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="M17.4 6.01v3.138c0 .338-.251.299-.375.237c-.406-.196-1.174-.61-1.29-.667c-.118-.057-.137-.207-.135-.274V6.742c-.012-.263-.146-.365-.209-.383a144 144 0 0 0-3.174-1.518a.66.66 0 0 0-.438 0c-.943.466-2.956 1.416-3.141 1.518a.47.47 0 0 0-.238.383v3.778c.006.257.164.37.238.395c.987.481 3.08 1.462 3.196 1.532c.115.071.304.03.385 0l.384-.2c.133-.082.289-.034.35 0l1.54.77c.198.153.082.3 0 .354c-.568.29-1.785.904-2.11 1.032s-.684.053-.824 0c-1.416-.696-4.321-2.135-4.613-2.322c-.292-.186-.356-.537-.346-.689V6.027c.016-.416.359-.656.523-.723c1.35-.672 4.137-2.056 4.48-2.216s.697-.066.83 0c1.402.69 4.283 2.108 4.592 2.275s.375.481.375.647"/><path fill="currentColor" d="M6.6 17.99v-5.235c0-.337.251-.299.375-.237c.406.197 1.174.599 1.29.655c.118.057.137.207.135.275a278 278 0 0 0 0 3.768c.012.262.146.364.209.382l3.146 1.565a.65.65 0 0 0 .438 0l3.204-1.564c.184-.103.204-.298.203-.383a693 693 0 0 0 0-3.863c-.006-.256-.13-.37-.203-.395c-.988-.48-3.115-1.456-3.23-1.527c-.116-.071-.305-.03-.385 0l-.385.2c-.132.082-.289.034-.35 0l-1.54-.77c-.198-.153-.082-.3 0-.354c.568-.29 1.786-.904 2.11-1.032s.684-.053.824 0c1.416.696 4.321 2.136 4.613 2.322s.356.57.346.721v5.456c-.016.416-.359.655-.523.723c-1.35.671-4.137 2.055-4.48 2.215s-.696.067-.83 0a518 518 0 0 1-4.592-2.274a.74.74 0 0 1-.375-.648"/><path fill="currentColor" d="M9.302 16.928v-2.511c0-.214.121-.175.203-.138c.758.34 2.292 1.026 2.364 1.062c.072.035.15.014.181 0c.728-.317 2.232-.973 2.422-1.062c.19-.088.231.055.228.137c-.002.801-.005 2.425 0 2.511c.004.087-.06.155-.092.178c-.778.361-2.362 1.1-2.474 1.16a.33.33 0 0 1-.287 0c-.735-.33-2.24-1.006-2.388-1.065s-.167-.206-.157-.273"/></svg>
Como usar o ícone Six
React
import { Icon } from "@iconify/react";
<Icon icon="token:six" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:six" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:six" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--six]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:six"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:six"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/token/six.svg" alt="Ícone Six" width="24" height="24">
O ícone Six em outras coleções
Perguntas frequentes sobre Ícone Six
O ícone Six é 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 Six no React?
Instale @iconify/react e renderize <Icon icon="token:six" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Six a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/token/six.svg" alt="Ícone Six">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Web3 Icons →
ICONYZ
