Ícone Combo
token:combo
O ícone Combo (token:combo) é 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="M11.498 3.134a1 1 0 0 1 1 0l.204.12l-.45.895h-.005a.5.5 0 0 0-.5 0h-.01l-.47-.88l.236-.135zm-1.175.675l.525.85l-.995.57l-.465-.885zm-1.884 1.08l-.94.54l.465.879l1.01-.575l-.53-.85zm-1.89 1.08l.53.849l-.98.555l-.455-.885l.9-.52zM4.7 7.027l-.2.11a1 1 0 0 0-.5.87v.494h1.11a2 2 0 0 1 .23-.45zm8.463-2.36l1.01.58l.465-.884l-.96-.55zm2.93 1.675l-1.035-.59l.53-.85l.97.555zm.884.505l.875.5l.505-.86l-.85-.485l-.53.85zm1.91 1.654a2 2 0 0 0-.22-.44l.64-1.03l.184.106a1 1 0 0 1 .505.87v.494zM4 9.502v1h1v-1zm0 3v-1h1v1zm0 .999v1h1v-1zM4 16v-.5h1v.21c0 .18.1.344.25.434l.024.015l-.5.86l-.27-.155a1 1 0 0 1-.504-.87zm1.66 1.524l.979.56l.525-.85l-.975-.55zm2.874 1.644l-1.025-.585l.51-.86l1.04.6zm.874.5l.97.555l.52-.85l-.975-.56zm2.095 1.2l-.26-.15l.57-1.03q.182.017.364 0l.605 1.01l-.29.17a1 1 0 0 1-.99 0m2.164-.675l.975-.555l-.495-.87l-.965.55zm2.87-1.64l-1.015.58l-.47-.88l.97-.55zm.884-.504l.97-.555l-.545-.84l-.9.515zm2.074-1.185l-.204.12l-.51-.86a.5.5 0 0 0 .22-.415v-.21h1v.5a1 1 0 0 1-.5.865zm.5-2.364h-1v-1h1zm-1-2h1v-1h-1zm1-2h-1v-.999h1zM7.264 8.903l-1.08-.635l-.4.67l1.08.63l.4-.67zm2.194 1.2l-1.08-.625l-.4.67l1.08.63l.4-.67zm1.09.675l1.08.63l-.4.674l-1.08-.634zm6.133-1.88l1.08-.63l.4.67l-1.08.63zm-1.11.58l-1.08.63l.4.67l1.075-.63l-.4-.67zm-3.249 1.93l1.075-.63l.4.67l-1.08.634l-.4-.675zm.175.594h-1v1h1zm0 1.99h-1V15h1zm-1 3.009v-1h1v1zm0 1v1h1v-1z"/></svg>Como usar o ícone Combo
React
import { Icon } from "@iconify/react";
<Icon icon="token:combo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:combo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:combo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--combo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:combo"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:combo"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/token/combo.svg" alt="Ícone Combo" width="24" height="24">O ícone Combo em outras coleções
Perguntas frequentes sobre Ícone Combo
O ícone Combo é 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 Combo no React?
Instale @iconify/react e renderize <Icon icon="token:combo" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Combo a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/token/combo.svg" alt="Ícone Combo">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.