ICONYZ
Français
Icône Trebuchet de Game Icons

Icône Trebuchet

game-icons:trebuchet

L'icône Trebuchet (game-icons:trebuchet) est une icône SVG gratuite de la collection Game Icons par GameIcons. Elle est dessinée sur une grille de 512 × 512. Les Game Icons sont publiées sous la licence CC BY 3.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Game Icons
Auteur
GameIcons
Licence
CC-BY-3.0
Taille
512 × 512
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m51.984 50.486l-7.968 16.14l11.396 5.626H55V237.85l.977-1.93l7.957-15.647l8.06 15.594c.342.66.667 1.317 1.006 1.977V80.934l216.248 106.742a32 32 0 0 0-.248 3.896c0 17.228 13.773 31 31 31c8.558 0 16.26-3.4 21.85-8.93l83.277 41.106l-26.832 32.133L454.508 416H480V304l-35.002-41.918l6.986-14.152l-101.597-50.15c.4-2.003.613-4.078.613-6.208c0-17.227-13.773-31.002-31-31.002c-9.404 0-17.772 4.11-23.44 10.64L51.985 50.487zM282.78 223.34L249.73 279H224v18h15.04L132.386 476.615l-100.375-.11l-.02 18l122.53.134l4.376.005L479.99 495l.02-18l-18.576-.02L352.99 227.722c-8.722 7.97-20.312 12.847-32.99 12.847c-3.074 0-6.08-.3-9-.847V279h-24.05l23.392-39.396c-10.927-2.207-20.56-8.08-27.56-16.264zM329 252.793L340.402 279H329zm-265.016 7.172C53.41 280.85 42.212 301.81 27.3 320.367c13.75 18.88 26.382 26.917 36.938 26.996c10.568.08 22.95-7.66 36.49-26.86c-15.842-19.27-26.55-40.147-36.744-60.538M276.26 297H311v179.813l-141.422-.157zm52.74 0h19.232L384 379.21V416h16.006l26.514 60.94l-97.52-.106z"/></svg>

Comment utiliser l'icône Trebuchet

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Image HTML

<img src="https://iconyz.com/api/public/svg/game-icons/trebuchet.svg" alt="Icône Trebuchet" width="24" height="24">

FAQ : Icône Trebuchet

L'icône Trebuchet est-elle gratuite pour un usage commercial ?

Oui. Les Game Icons sont publiées sous la licence CC BY 3.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Trebuchet dans React ?

Installez @iconify/react et affichez <Icon icon="game-icons:trebuchet" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Trebuchet à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/game-icons/trebuchet.svg" alt="Icône Trebuchet">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Game Icons →