Ícone Catapult

game-icons:catapult

O ícone Catapult (game-icons:catapult) é 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

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="m197.746 30.38l-9.898 30.905l-40.485 18.194l-28.79 28.055l30.855 35.512l47.486-4.596l36.06 8.35l30.83-33.52l-4.263-56.7l-61.794-26.2zM25.902 133.32c-13.472 25.957-6.665 67.412 30.356 96.746c37.04 29.35 78.807 26.396 100.855 7.223zm359.174 68.99l-34.152 11.38l7.217 21.65l-227.6 147.94c12.527 4.355 23.416 12.25 31.466 22.484L369.904 270.63l36.303 108.913c16.727.414 31.995 6.866 43.7 17.264zm-213.592 46.36c-9.358 9.058-21.296 15.425-34.656 18.715l63.496 49.064L232.3 295.67l-60.816-46.996zm121.176 93.64l-31.976 20.784L317.504 407h32.183a69.3 69.3 0 0 1 11.336-11.865zM108.166 397.5c-27.997 0-50.5 22.503-50.5 50.5s22.503 50.5 50.5 50.5s50.5-22.503 50.5-50.5s-22.503-50.5-50.5-50.5m296.334 0c-27.997 0-50.5 22.503-50.5 50.5s22.503 50.5 50.5 50.5S455 475.997 455 448s-22.503-50.5-50.5-50.5M25 425v46h18.66c-2.58-7.196-3.994-14.937-3.994-23s1.415-15.804 3.994-23zm147.672 0c2.58 7.196 3.994 14.937 3.994 23s-1.415 15.804-3.994 23h167.322c-2.58-7.196-3.994-14.937-3.994-23s1.415-15.804 3.994-23zm296.334 0c2.58 7.196 3.994 14.937 3.994 23s-1.415 15.804-3.994 23H487v-46zm-360.84 3.166A19.833 19.833 0 0 1 128 448a19.833 19.833 0 0 1-19.834 19.834A19.833 19.833 0 0 1 88.334 448a19.833 19.833 0 0 1 19.832-19.834m296.334 0A19.833 19.833 0 0 1 424.334 448a19.833 19.833 0 0 1-19.834 19.834A19.833 19.833 0 0 1 384.666 448a19.833 19.833 0 0 1 19.834-19.834"/></svg>

Como usar o ícone Catapult

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:catapult"></iconify-icon>

Imagem HTML

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

Perguntas frequentes sobre Ícone Catapult

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

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

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

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

Ver todos os Game Icons →