Icône Body Armor
hugeicons:body-armor
L'icône Body Armor (hugeicons:body-armor) est une icône SVG gratuite de la collection Huge Icons par Hugeicons. Elle est dessinée sur une grille de 24 × 24. Les Huge 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
- Huge Icons
- Auteur
- Hugeicons
- Licence
- MIT
- Taille
- 24 × 24
- Mots-clés
- bodyarmor
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m13.504 2.638l-.252.207c-.6.495-.9.743-1.252.743s-.652-.248-1.252-.743l-.252-.207c-.487-.401-.73-.602-1.021-.634c-.292-.031-.57.112-1.128.4l-.303.155c-.277.143-.416.215-.491.36s-.058.284-.023.562c.276 2.222 1.961 4.316 4.08 4.945A1.2 1.2 0 0 0 12 8.5a1.2 1.2 0 0 0 .39-.074c2.119-.629 3.804-2.723 4.08-4.945c.035-.278.052-.417-.023-.562s-.214-.217-.49-.36l-.304-.156c-.557-.287-.836-.43-1.128-.399c-.291.032-.534.233-1.02.634"/><path d="M7.478 4c-2.086.407-3.482 1.15-4.759 2.23c-.373.315-.56.473-.648.724c-.29.826.344 3.667 1.126 3.995c.487.204 1.168-.214 2.531-1.05C6.965 9.14 8.483 8.355 10 7.932M16.522 4c2.086.407 3.482 1.15 4.759 2.23c.373.315.56.473.648.724c.29.826-.344 3.667-1.126 3.995c-.487.204-1.168-.214-2.532-1.05C17.036 9.14 15.518 8.355 14 7.932M18 10l-.605 5.442c-.188 1.692-.282 2.538-.851 3.048c-.57.51-1.421.51-3.124.51h-2.84c-1.703 0-2.554 0-3.124-.51s-.663-1.356-.851-3.048L6 10"/><path d="M15.385 19h-6.77c-.255 0-.382 0-.503.014a2.06 2.06 0 0 0-1.162.533c-.089.081-.17.177-.333.368c-.32.376-.481.564-.54.707a.995.995 0 0 0 .637 1.331c.15.047.401.047.902.047h8.768c.5 0 .751 0 .902-.047a.994.994 0 0 0 .638-1.33c-.06-.144-.22-.332-.54-.708c-.164-.191-.245-.287-.334-.368a2.07 2.07 0 0 0-1.162-.533C15.767 19 15.64 19 15.385 19"/></g></svg>Comment utiliser l'icône Body Armor
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:body-armor" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:body-armor" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:body-armor" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--body-armor]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:body-armor"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:body-armor"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/hugeicons/body-armor.svg" alt="Icône Body Armor" width="24" height="24">Icônes similaires dans Huge Icons
FAQ : Icône Body Armor
L'icône Body Armor est-elle gratuite pour un usage commercial ?
Oui. Les Huge Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Body Armor dans React ?
Installez @iconify/react et affichez <Icon icon="hugeicons:body-armor" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Body Armor à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/hugeicons/body-armor.svg" alt="Icône Body Armor">, ou collez le code SVG directement dans la page pour le styliser en CSS.