Icône Bailian
thesvg:bailian
L'icône Bailian (thesvg:bailian) 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 fill-opacity=".4" d="M6.336 8.919v6.162l5.335-3.083z"/><path fill-opacity=".8" d="M21.394 5.288s-.006-.006-.01-.006L17.01 2.754L6.336 8.92l5.335 3.082l9.701-5.6l.016-.01a.635.635 0 0 0 .006-1.1z"/><path d="M21.71 12.465a.6.6 0 0 0-.316.085s-.006 0-.009.003l-4.375 2.528l5.05 2.915h.006a2.06 2.06 0 0 0 .28-1.04v-3.855a.637.637 0 0 0-.636-.636"/><path fill-opacity=".8" d="m22.06 17.996l-5.05-2.915l-10.67 6.161l4.27 2.465s.016.006.022.012a2.1 2.1 0 0 0 2.093 0q.011-.004.022-.012l8.538-4.93q.004 0 .01-.006c.321-.183.589-.45.775-.772h-.006z"/><path d="m11.672 11.998l-5.336 3.083l-1.444.832l-3.605 2.083H1.28c.173.303.416.555.709.738l.078.044l.016.01l.02.012l4.232 2.442l10.671-6.161l-5.335-3.082z"/><path fill-opacity=".6" d="M12.74.29c-.1-.06-.208-.107-.315-.148L12.368.12a2.1 2.1 0 0 0-.7-.12q-.35.001-.668.11l-.031.01a2 2 0 0 0-.372.17L2.068 5.222s-.003 0-.006.003a2.1 2.1 0 0 0-.781.773h.006l5.049 2.918L17.01 2.758z"/><path fill-opacity=".3" d="M1.287 6.001H1.28A2.06 2.06 0 0 0 1 7.041v9.915c0 .378.1.735.28 1.043h.007l5.049-2.918V8.919z"/></g></svg>Comment utiliser l'icône Bailian
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:bailian" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:bailian" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:bailian" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--bailian]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:bailian"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:bailian"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg/bailian.svg" alt="Icône Bailian" width="24" height="24">L'icône Bailian dans d'autres collections
FAQ : Icône Bailian
L'icône Bailian 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 Bailian dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg:bailian" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Bailian à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg/bailian.svg" alt="Icône Bailian">, ou collez le code SVG directement dans la page pour le styliser en CSS.