ICONYZ
Português (Brasil)
Ícone Phaser de theSVG Color

Ícone Phaser

thesvg-color:phaser

O ícone Phaser (thesvg-color:phaser) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 24 × 24. theSVG Color 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
theSVG Color
Autor
thesvg.org
Licença
MIT
Tamanho
24 × 24
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 9.525v4.097h1.537s.015-1.36.015-2.077q.006 0 .01-.002c.106.273.209.608.316.884h2.05v1.195h1.537v-1.366h.854v1.366h2.863l.736-2.255l.711 2.255h10.549v-2.09l1.258 2.942l1.564.001l-.854-2.22l.001.002h.765V9.525H11.956c0 .486.018.932.017 1.418c0 .032.011.05.037.068c1.031.739 1.816 1.245 1.816 1.245h-1.87s.02.38.02.625l-.008.083l-1.29-3.44H9.133s-.91 2.382-1.285 3.51c-.005 0-.009-.163-.012-.164V9.968c0-.29.02-.443.02-.443H6.319v1.366h-.854V9.525zm4.1.171h1.195v1.366h1.196V9.696h1.195v3.756H6.491v-1.366H5.295v1.366H4.1Zm5.124 0h1.366l1.367 3.756H10.76l-.854-2.56l-.854 2.56H7.857Zm10.589 0h3.928v2.39h-.854l.854 2.22h-1.195l-1.367-3.244h1.367v-.17h-1.537v2.56h-1.196Zm-19.641 0h3.757v2.561H2.05l-.512-1.195h1.366v-.17H1.367v2.56H.172Zm11.955 0h3.928v1.025h-2.049l2.05 1.707v1.024h-3.929v-1.024h2.22l-2.22-1.537Zm4.099 0h3.416v1.196h-2.391v.17h2.391v1.195h-2.391v.171h2.391v1.024h-3.416zm-1.83 1.195h1.66v1.317z"/></svg>

Como usar o ícone Phaser

React

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

<Icon icon="thesvg-color:phaser" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:phaser" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:phaser" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--phaser]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:phaser"></div>

Web component

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

<iconify-icon icon="thesvg-color:phaser"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/phaser.svg" alt="Ícone Phaser" width="24" height="24">

Perguntas frequentes sobre Ícone Phaser

O ícone Phaser é grátis para uso comercial?

Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Phaser no React?

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

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

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

Ver todos os Ícones theSVG Color →