Icône Peace Bold
glyphs:peace-bold
L'icône Peace Bold (glyphs:peace-bold) est une icône SVG gratuite de la collection Glyphs par Goran Spasojevic. Elle est dessinée sur une grille de 80 × 80. Les Glyphs 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
- Glyphs
- Auteur
- Goran Spasojevic
- Licence
- MIT
- Taille
- 80 × 80
- Mots-clés
- peacebold
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" d="m40.08 40.05l-3 .003a3 3 0 0 0 1.498 2.594zm-.023-26.36l3-.003a3 3 0 0 0-2.998-2.997zm22.75 39.508l2.596 1.505a3 3 0 0 0-1.093-4.101zm-.011.02l-1.498 2.6a3 3 0 0 0 4.092-1.092zM40.046 40.11l1.497-2.6a3 3 0 0 0-2.995 0zm-22.75 13.11L14.7 54.726a3 3 0 0 0 4.092 1.092zm-.012-.02l-1.503-2.597a3 3 0 0 0-1.093 4.1zM40.01 40.05l1.502 2.597a3 3 0 0 0 1.498-2.594zm.023-26.36l-.002-3a3 3 0 0 0-2.998 2.997zm3.012 26.42a3 3 0 1 0-6 0zm-6 26.202a3 3 0 0 0 6 0zm6.034-26.264l-.023-26.361l-6 .005l.023 26.36zm21.23 10.554L41.583 37.454l-3.005 5.193l22.728 13.148zm-4.098 1.092l-.01.018l5.188 3.014l.013-.023zM38.548 42.71l22.75 13.108l2.996-5.198l-22.75-13.11zM18.793 55.818l22.75-13.108l-2.995-5.2l-22.75 13.11zm1.096-4.106l-.01-.018l-5.19 3.009l.012.023zm18.62-14.259L15.78 50.602l3.005 5.194l22.727-13.148zm-1.475-23.766l-.023 26.36l6 .006l.023-26.36zm3.001 3.002h.021l.003-6h-.026zm-2.99 23.421v26.202h6V40.11z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" d="M31.001 15.275a26.3 26.3 0 0 1 17.998 0v0a26.3 26.3 0 0 1 13.787 11.57v0a26.3 26.3 0 0 1 3.126 17.724v0a26.3 26.3 0 0 1-9 15.587v0A26.3 26.3 0 0 1 40 66.31v0a26.3 26.3 0 0 1-16.913-6.155v0a26.3 26.3 0 0 1-8.999-15.587v0a26.3 26.3 0 0 1 3.126-17.725v0A26.3 26.3 0 0 1 31 15.275"/></g></svg>Comment utiliser l'icône Peace Bold
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:peace-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:peace-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:peace-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--peace-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:peace-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:peace-bold"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/glyphs/peace-bold.svg" alt="Icône Peace Bold" width="24" height="24">Icônes similaires dans Glyphs
L'icône Peace Bold dans d'autres collections
FAQ : Icône Peace Bold
L'icône Peace Bold est-elle gratuite pour un usage commercial ?
Oui. Les Glyphs icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Peace Bold dans React ?
Installez @iconify/react et affichez <Icon icon="glyphs:peace-bold" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Peace Bold à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/glyphs/peace-bold.svg" alt="Icône Peace Bold">, ou collez le code SVG directement dans la page pour le styliser en CSS.