Ícone Buoy
game-icons:buoy
O ícone Buoy (game-icons:buoy) é um ícone SVG gratuito da coleção Game Icons de GameIcons. Ele é desenhado em uma grade de 512 × 512. Game Icons são publicados sob a licença CC BY 3.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Game Icons
- Autor
- GameIcons
- Licença
- CC-BY-3.0
- Tamanho
- 512 × 512
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m332.53 21.45l-38.774 56.273l14.422 2.027l6.93.975l-1.948 13.863l-31.687-4.455l-1.256 8.912l-4.45 31.652l-.007.037l-.004.037l-7.654 54.427l-31.03-4.363l-1.79 8.14l-40.817 185.604c6.63-.623 12.886-1.17 18.79-1.63l3.35-15.24l134.624 18.93l-.984 15.587c5.568 2.076 11.38 4.294 17.61 6.732L380.33 200.98l-31.027-4.363l13.367-95.066l-31.69-4.456l1.95-13.862l21.353 3.002zM174.007 71.224c-15.522 3.527-31.163 14.648-45.994 28.476c-14.326-13.384-28.679-23.53-45.538-28.35l-4.95 17.304c15.107 4.32 28.602 14.202 44.112 29.71L128 124.73l6.363-6.367c15.35-15.35 32.643-27.09 43.63-29.588l-3.987-17.55zm142.03 42.213a23.6 23.6 0 0 1 3.526.23c12.685 1.784 21.358 13.294 19.575 25.978s-13.292 21.356-25.977 19.573c-12.684-1.785-21.36-13.295-19.576-25.98c1.616-11.495 11.224-19.694 22.45-19.803zm-27.17 53.355c5.884 5.357 13.364 9.068 21.786 10.252c8.424 1.184 16.637-.32 23.77-3.848l-2.943 20.912l-45.552-6.405l2.94-20.912zm-17.95 36.978l70.7 9.943l-38.762 20.06l-31.938-30.002zm-21.457 4.544l36.442 34.23l-49.617 25.68zm111.384 15.717l-3.82 60.624l-40.256-37.812l44.076-22.81zm-61.028 31.583l38.8 36.444l-85.886-12.077zm-69.423 39.405l124.873 17.558l-2.9 46.045l-131.882-18.544l9.91-45.058zm21.962 93.798c-23.248-.01-51.884 3.056-95.332 7.653L95.807 494h320.386l-18.384-63.674c-72.987-29.56-100.19-40.694-140.874-41.467q-2.256-.044-4.58-.044z"/></svg>
Como usar o ícone Buoy
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:buoy" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:buoy" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:buoy" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--buoy]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:buoy"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:buoy"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/game-icons/buoy.svg" alt="Ícone Buoy" width="24" height="24">
O ícone Buoy em outras coleções
Perguntas frequentes sobre Ícone Buoy
O ícone Buoy é grátis para uso comercial?
Sim. Game Icons são publicados sob a licença CC BY 3.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Buoy no React?
Instale @iconify/react e renderize <Icon icon="game-icons:buoy" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Buoy a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/game-icons/buoy.svg" alt="Ícone Buoy">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Game Icons →
ICONYZ
