Icône Hand Peace Light

ph:hand-peace-light

L'icône Hand Peace Light (ph:hand-peace-light) est une icône SVG gratuite de la collection Phosphor par Phosphor Icons. Elle est dessinée sur une grille de 256 × 256. Les Phosphor 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: Phosphor
Auteur: Phosphor Icons
Licence: MIT
Taille: 256 × 256
Mots-clés: emoji, victory, handpeace, peacelight, handpeacelight

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M210.51 31a26 26 0 0 0-47.63 6.27L148 92.82l-14.88-55.54a26 26 0 0 0-50.23 13.46L93.1 88.82l-11.89-2.29a26 26 0 0 0-21.37 45.85a25.8 25.8 0 0 0-9.31 15.15a26.7 26.7 0 0 0-.53 5.32V160a78 78 0 0 0 78 78h.6c42.68-.32 77.4-35.71 77.4-78.9v-3.34a53.86 53.86 0 0 0-12-33.82l19.07-71.2A25.83 25.83 0 0 0 210.51 31M95.88 37a14 14 0 0 1 25.65 3.38L137 98a26 26 0 0 0-17.23 5.71c-.38-.7-.79-1.39-1.24-2.07a25.7 25.7 0 0 0-12.18-9.85L94.48 47.63A13.94 13.94 0 0 1 95.88 37m-33.59 72.2a14 14 0 0 1 16.58-10.9l20.74 4A14 14 0 1 1 94 129.71l-12-2.31l-.72-.14l-.4-.07l-7.63-1.47a14 14 0 0 1-10.89-16.51Zm0 40.72A14 14 0 0 1 78.66 139l1 .2l9.14 1.8a14 14 0 1 1-5.63 27.42l-10-2a14 14 0 0 1-10.9-16.51ZM194 159.1c0 36.62-29.39 66.63-65.5 66.9a66.06 66.06 0 0 1-64.61-50.26a25.7 25.7 0 0 0 6.92 2.46l10 2a27 27 0 0 0 5.25.53a26 26 0 0 0 21.64-40.34l-.42-.6a26.3 26.3 0 0 0 5.81-3.52q.57 1.06 1.23 2.07a25.86 25.86 0 0 0 16.52 11.15l8.34 1.66A34.3 34.3 0 0 0 138 160a33.85 33.85 0 0 0 9.71 23.8a6 6 0 0 0 8.57-8.4a22 22 0 0 1-3.64-25.86a6 6 0 0 0-4.1-8.75l-15.34-3.07a14 14 0 1 1 5.63-27.42l21.4 4.27A42.12 42.12 0 0 1 194 155.76Zm7.51-111.47l-17.36 64.79a53.6 53.6 0 0 0-21.57-9.61l-4.59-.92l16.48-61.5a14 14 0 0 1 27 7.24Z"/></svg>

Comment utiliser l'icône Hand Peace Light

React

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

<Icon icon="ph:hand-peace-light" width="24" />

Vue

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

<template>
  <Icon icon="ph:hand-peace-light" width="24" />
</template>

Svelte

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

<Icon icon="ph:hand-peace-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--hand-peace-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:hand-peace-light"></div>

Web component

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

<iconify-icon icon="ph:hand-peace-light"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/ph/hand-peace-light.svg" alt="Icône Hand Peace Light" width="24" height="24">

Icônes similaires dans Phosphor

FAQ : Icône Hand Peace Light

L'icône Hand Peace Light est-elle gratuite pour un usage commercial ?

Oui. Les Phosphor icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Hand Peace Light dans React ?

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

Comment ajouter l'icône Hand Peace Light à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/ph/hand-peace-light.svg" alt="Icône Hand Peace Light">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Phosphor →