Ícone Ringed Beam

game-icons:ringed-beam

O ícone Ringed Beam (game-icons:ringed-beam) é 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
Tags: ringedbeam

Baixar 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>

Como usar o ícone 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>

Imagem HTML

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

Ícones relacionados em Game Icons

Perguntas frequentes sobre Ícone Ringed Beam

O ícone Ringed Beam é 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 Ringed Beam no React?

Instale @iconify/react e renderize <Icon icon="game-icons:ringed-beam" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Ringed Beam a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/game-icons/ringed-beam.svg" alt="Ícone Ringed Beam">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Game Icons →