Ícone Bata
simple-icons:bata
O ícone Bata (simple-icons:bata) é um ícone SVG gratuito da coleção Simple Icons de Simple Icons Collaborators. Ele é desenhado em uma grade de 24 × 24. Simple Icons são publicados sob a licença CC0 1.0, 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
- Simple Icons
- Autor
- Simple Icons Collaborators
- Licença
- CC0-1.0
- 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.397 13.003c.244-1.308 1.795-1.974 2.936-1.91c.436.025.82.154 1.039.41c.09-.09.18-.192.269-.282c.051-.051.205-.038.346-.013c.154.026.32.09.423.09s.36-.077.603-.115s.461-.026.423.064l-.218.538l-.705 1.73c-.141.347.41.257 1.166-.55c.129.09.193.102.321.423c-.654.564-1.27.961-2.128 1.256c-.77.27-1.346-.115-1.526-.756c-1.102 1.025-2.628 1.013-3.064-.141c-.718.359-1.564.73-1.923.833c-.282.077-.526.141-.77.141c-.384 0-.794-.346-.666-.872c-.628.282-1.128.462-1.846.705c-.77.27-1.218-.025-1.398-.666c-1.102 1.025-2.628 1.013-3.064-.141c-.436.205-1.025.513-1.577.73c-.884.398-1.923.321-2.692-.487l.257-.397c.359.384.807.372 1.153.051c.372-.333.603-.974.436-1.513c-.077-.23-.333-.41-.833-.384l.154-.41c.5-.013.897-.09 1.115-.398c.308-.449.308-1.128-.346-1.115a1.3 1.3 0 0 0-.41.077c-.116.333-.308.73-.475 1.14c-.371.95-.782 2-1.256 2.68c-.564.808-1.18.962-1.667.936c-.512-.039-.91-.192-1.474-.692c0-.218.013-.308.064-.577c.218.269.898.564 1.115.243c.488-.718 1.026-2.102 1.436-3c-.359.116-.705.346-1.18.68c0-.051-.153-.18-.153-.334c.77-.884 2.115-1.423 3.026-1.615c1.397-.295 2.884.128 3.115 1.013c.154.59-.538 1.14-1.192 1.218c.372.218.769.602.872 1.077c.05.23.038.487-.039.73c.218-.102.487-.23.654-.307c.27-1.885 3.192-2.487 3.987-1.59l.27-.282c.05-.051.204-.038.346-.013c.153.026.32.09.423.09s.359-.077.602-.115c.244-.039.462-.026.423.064l-.91 2.269c-.205.513 1.308-.398 1.397-.449l.654-1.384l-.666.012l.115-.564h.744c.128-.166.153-.359.32-.474c.218-.167.718-.077.949-.23c.205-.129.359-.321.538-.629c.154-.256.744-.192.628.051l-.512 1.295h.653c.308.013.039.539-.307.539l-.539.012l-.628 1.629c-.205.5.59.025 1.192-.32zm-6.012-1.115c-.077-.244-.282-.308-.475-.295c-.436.051-.859.538-1.077.872c-.346.538-.269 1.346.295 1.192c.577-.154 1.36-1.41 1.257-1.77zm9.666 0c-.077-.244-.282-.308-.474-.295c-.436.051-.86.538-1.077.872c-.346.538-.27 1.346.295 1.192c.577-.154 1.359-1.41 1.256-1.77Z"/></svg>Como usar o ícone Bata
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:bata" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:bata" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:bata" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--bata]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:bata"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:bata"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/simple-icons/bata.svg" alt="Ícone Bata" width="24" height="24">O ícone Bata em outras coleções
Perguntas frequentes sobre Ícone Bata
O ícone Bata é grátis para uso comercial?
Sim. Simple Icons são publicados sob a licença CC0 1.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Bata no React?
Instale @iconify/react e renderize <Icon icon="simple-icons:bata" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Bata a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/simple-icons/bata.svg" alt="Ícone Bata">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.