Icône Tiangong
thesvg:tiangong
L'icône Tiangong (thesvg:tiangong) est une icône SVG gratuite de la collection theSVG par thesvg.org. Elle est dessinée sur une grille de 24 × 24. Les theSVG icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- theSVG
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 24 × 24
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd"><path d="M7.852 2.88H.647a.594.594 0 0 1-.592-.592a.59.59 0 0 1 .594-.588h7.205c1.49 0 2.96.474 4.157 1.335A7.2 7.2 0 0 1 16.173 1.7h7.198a.59.59 0 0 1 .596.588a.595.595 0 0 1-.596.589h-7.198a5.94 5.94 0 0 0-3.226.96c.355.357.671.754.938 1.18a5.65 5.65 0 0 1 3.183-.987h6.303a.594.594 0 0 1 .596.588a.595.595 0 0 1-.596.589h-6.303c-.956 0-1.894.308-2.654.869q.29.71.417 1.467a4 4 0 0 1 2.898-1.238h5.642a.592.592 0 0 1 .55.815a.59.59 0 0 1-.55.362h-5.63a2.79 2.79 0 0 0-2.804 2.764v3.511c.004 1.522 1.262 2.763 2.804 2.764h5.685l.02.002a.59.59 0 0 1 .553.626a.59.59 0 0 1-.592.547H17.74c-2.197-.004-3.988-1.769-3.99-3.937V8.702c-.006-3.207-2.65-5.817-5.899-5.821z"/><path d="M.647 5.203h6.31c2.445 0 4.434 1.967 4.432 4.38v4.838c0 3.06 2.524 5.552 5.628 5.552h6.31a.59.59 0 0 0 .597-.586a.59.59 0 0 0-.596-.589h-6.323a4.43 4.43 0 0 1-4.094-2.7a4.3 4.3 0 0 1-.335-1.68V9.584c0-3.055-2.52-5.549-5.618-5.555H.647a.59.59 0 0 0-.594.589a.59.59 0 0 0 .594.586z"/><path d="M23.361 21.116h.063a.53.53 0 0 1 .417.208a.587.587 0 0 1-.448.973l-.02-.002h-7.21a7.16 7.16 0 0 1-4.158-1.333a7.2 7.2 0 0 1-4.162 1.333H.606l-.02-.002H.568a.588.588 0 0 1 .04-1.175l.02.002H7.84a5.94 5.94 0 0 0 3.234-.957a7 7 0 0 1-.94-1.181a5.6 5.6 0 0 1-3.181.987H.644a.593.593 0 0 1-.597-.588a.59.59 0 0 1 .596-.587h6.32c.951 0 1.877-.304 2.643-.867a7 7 0 0 1-.415-1.465a4 4 0 0 1-2.902 1.234H.592a.589.589 0 0 1 .02-1.177l.02.003h5.65c1.543-.002 2.8-1.244 2.803-2.765v-3.509c-.002-1.524-1.258-2.764-2.802-2.764H.645a.59.59 0 0 1-.596-.589a.59.59 0 0 1 .596-.588h5.638c2.195.004 3.988 1.771 3.99 3.937V15.3c.002 3.209 2.648 5.821 5.899 5.825h7.142l.047-.008z"/></g></svg>Comment utiliser l'icône Tiangong
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:tiangong" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:tiangong" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:tiangong" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--tiangong]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:tiangong"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:tiangong"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg/tiangong.svg" alt="Icône Tiangong" width="24" height="24">L'icône Tiangong dans d'autres collections
FAQ : Icône Tiangong
L'icône Tiangong est-elle gratuite pour un usage commercial ?
Oui. Les theSVG icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Tiangong dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg:tiangong" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Tiangong à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg/tiangong.svg" alt="Icône Tiangong">, ou collez le code SVG directement dans la page pour le styliser en CSS.