Icono Buoy
game-icons:buoy
El icono Buoy (game-icons:buoy) es un icono SVG gratuito de la colección Game Icons de GameIcons. Está dibujado en una cuadrícula de 512 × 512. Game Icons se publican bajo la licencia CC BY 3.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Game Icons
- Autor
- GameIcons
- Licencia
- CC-BY-3.0
- Tamaño
- 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/game-icons/buoy.svg" alt="Icono Buoy" width="24" height="24">El icono Buoy en otras colecciones
Preguntas frecuentes sobre Icono Buoy
¿El icono Buoy es gratis para uso comercial?
Sí. Game Icons se publican bajo la licencia CC BY 3.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Buoy en React?
Instala @iconify/react y renderiza <Icon icon="game-icons:buoy" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Buoy a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/game-icons/buoy.svg" alt="Icono Buoy">, o pega el código SVG en línea para darle estilo con CSS.