Icono Ringed Beam

game-icons:ringed-beam

El icono Ringed Beam (game-icons:ringed-beam) 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
Etiquetas: ringedbeam

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m16.613 14.686l35.98 46.98c-5.556 6.996-9.327 14.675-11 22.42c-2.15 9.954-.637 20.843 6.82 28.3c7.46 7.46 18.346 8.97 28.3 6.82c5.185-1.12 10.34-3.183 15.283-6.087l19.78 25.83c-5.053 7.936-8.567 16.252-10.346 24.49c-3.037 14.06-.845 28.715 9.07 38.63s24.572 12.107 38.633 9.07c4.758-1.027 9.54-2.643 14.263-4.786l26.323 34.373c-4.797 8.88-8.23 17.956-10.16 26.892c-4.22 19.544-1.12 39.23 12.075 52.427c13.195 13.195 32.883 16.295 52.428 12.074c4.237-.914 8.506-2.183 12.77-3.755l28.09 36.676c-6.446 12.33-11.057 24.856-13.704 37.114c-6.097 28.228-1.585 55.878 16.805 74.268s46.04 22.902 74.268 16.807a137 137 0 0 0 16.14-4.57a83.4 83.4 0 0 0 34.272 7.33c46.236 0 83.514-37.32 83.514-83.556c0-12.21-2.62-23.783-7.298-34.22c1.898-5.428 3.434-10.842 4.592-16.204c6.095-28.227 1.554-55.848-16.836-74.24c-13.218-13.216-31.205-19.28-50.758-19.383c-7.65-.04-15.542.832-23.48 2.547c-11.507 2.485-23.252 6.7-34.846 12.537l-37.31-28.57c1.57-4.256 2.834-8.517 3.747-12.746c4.222-19.544 1.122-39.234-12.073-52.43c-9.278-9.277-21.767-13.563-35.158-13.824a69 69 0 0 0-2.69.002c-4.8.097-9.695.695-14.58 1.75c-8.928 1.928-17.996 5.357-26.868 10.145l-34.39-26.334c2.14-4.715 3.75-9.49 4.777-14.238c3.035-14.062.843-28.718-9.07-38.633c-7.438-7.436-17.54-10.528-28.06-10.328c-3.506.066-7.06.498-10.574 1.257c-8.228 1.778-16.534 5.286-24.463 10.332l-25.84-19.788c2.897-4.935 4.956-10.084 6.074-15.26c2.15-9.956.638-20.842-6.82-28.3c-5.594-5.594-13.117-7.843-20.73-7.71a39 39 0 0 0-7.57.89c-7.74 1.67-15.41 5.436-22.4 10.982l-46.984-35.98zm77.213 42.752c3.488-.127 5.814.84 7.254 2.28c1.92 1.92 3.003 5.42 1.768 11.14c-.513 2.376-1.486 4.995-2.858 7.68l-20.838-15.96c3.754-2.346 7.502-3.917 10.79-4.627c1.43-.308 2.722-.47 3.884-.513m-29.322 19.78L80.47 98.07c-2.693 1.378-5.32 2.355-7.7 2.87c-5.723 1.235-9.22.152-11.14-1.768s-3.004-5.417-1.77-11.14c.713-3.293 2.29-7.05 4.644-10.81zm111.674 39.686c6.395-.194 11.303 1.62 14.586 4.903c4.377 4.377 6.14 11.643 4.017 21.472c-.445 2.066-1.082 4.213-1.887 6.402l-35.868-27.467c4.22-2.096 8.38-3.587 12.266-4.426c2.458-.532 4.756-.82 6.888-.886zm-52.04 38.186l27.48 35.885c-2.198.81-4.354 1.452-6.43 1.9c-9.83 2.123-17.096.36-21.473-4.018c-4.377-4.377-6.14-11.645-4.018-21.474c.84-3.895 2.336-8.063 4.44-12.293zm162.133 39.443c9.408.11 17.085 3.027 22.468 8.41c7.657 7.657 10.328 19.953 7.022 35.264c-.33 1.53-.74 3.087-1.194 4.656l-55.27-42.328c4.838-2.073 9.607-3.624 14.18-4.61c3.826-.828 7.466-1.28 10.89-1.376a45 45 0 0 1 1.905-.017zm-83.815 62.824l42.344 55.29a70 70 0 0 1-4.683 1.203c-15.31 3.306-27.607.636-35.263-7.02c-7.657-7.656-10.33-19.954-7.022-35.266c.99-4.58 2.544-9.36 4.623-14.207zm223.16 29.672c15.535 0 28.615 4.717 37.85 13.952c12.687 12.688 16.832 32.637 11.947 56.235c-11.877-13.486-28.038-23.1-46.402-26.713l-44.63-34.178c7.452-3.184 14.83-5.58 21.954-7.117c6.748-1.458 13.202-2.18 19.28-2.18zm-127.953 94.646l32.307 42.185c2.768 20.375 12.847 38.37 27.51 51.296c-23.602 4.89-43.553.744-56.242-11.945c-12.85-12.848-16.955-33.14-11.773-57.132c1.706-7.9 4.467-16.115 8.197-24.402z"/></svg>

Cómo usar el icono Ringed Beam

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:ringed-beam" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:ringed-beam" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:ringed-beam" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--ringed-beam]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:ringed-beam"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:ringed-beam"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/game-icons/ringed-beam.svg" alt="Icono Ringed Beam" width="24" height="24">

Iconos relacionados en Game Icons

Preguntas frecuentes sobre Icono Ringed Beam

¿El icono Ringed Beam 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 Ringed Beam en React?

Instala @iconify/react y renderiza <Icon icon="game-icons:ringed-beam" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Ringed Beam a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/game-icons/ringed-beam.svg" alt="Icono Ringed Beam">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Game Icons →