Ícone Woof
token:woof
O ícone Woof (token:woof) é 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" fill-rule="evenodd" d="M20.473 12a8.47 8.47 0 0 1-8.47 8.47h-.043c-.153-1.535-.715-2.72-1.016-3.176l.264-1.588l.794-1.059v-.794l1.06-1.588l-.265-.265l-.265.265l.265-.795v-.793c0-.636-.884-1.15-1.324-1.324l-2.382 1.853c-.355-.09-1.483 0-3.177 1.059c-.89.556-1.328 1.958-1.524 3.451A8.47 8.47 0 1 1 20.473 12M4.3 16.659a9 9 0 1 1 5.49 4.066a9.02 9.02 0 0 1-5.49-4.072zm3.07.9c-1.1-.853-1.053-2.557-.397-3.706c-.265.794-.582 1.927.159 3.076c.037-.276.1-.672.196-1.101c.159-.694.45-1.456.969-1.975c-.392.392-.52 1.064-.636 1.646l-.074.387c-.063.286-.148 1.027-.19 1.419zm8.868-6.089c1.752 0 3.176-1.064 3.176-2.382s-1.424-2.382-3.176-2.382s-3.176 1.064-3.176 2.382c0 .493.195.948.54 1.324h-.011l-.265 1.323l1.239-.62a4 4 0 0 0 1.673.355m1.948-2.382h.17v-.264h-.17v-.011c.01-.09.016-.185.122-.185h.047v-.334h-.074a.5.5 0 0 0-.35.117c-.079.074-.105.195-.105.338v.075h-.127v.264h.127v.794h.36zm-3.61.794h.418l.27-1.058h-.35l-.116.672l-.159-.672h-.402l-.16.667l-.116-.667h-.37l.264 1.058h.424l.148-.688zm.735-.53c0 .324.223.53.556.53c.328 0 .556-.206.556-.53c0-.317-.227-.528-.556-.528c-.328 0-.556.211-.556.529m.736 0c0 .15-.074.266-.18.266s-.18-.106-.18-.265c0-.154.08-.265.18-.265s.18.117.18.265m1.022.53c-.328 0-.556-.206-.556-.53c0-.317.233-.528.561-.528c.323 0 .556.211.556.529c0 .323-.233.53-.56.53m0-.264c.106 0 .185-.117.185-.265s-.08-.265-.18-.265c-.106 0-.18.111-.18.265c0 .159.074.265.175.265" clip-rule="evenodd"/></svg>Como usar o ícone Woof
React
import { Icon } from "@iconify/react";
<Icon icon="token:woof" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:woof" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:woof" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--woof]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:woof"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:woof"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/token/woof.svg" alt="Ícone Woof" width="24" height="24">O ícone Woof em outras coleções
Perguntas frequentes sobre Ícone Woof
O ícone Woof é 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 Woof no React?
Instale @iconify/react e renderize <Icon icon="token:woof" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Woof a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/token/woof.svg" alt="Ícone Woof">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.