Иконка Hand Peace Light

ph:hand-peace-light

Иконка Hand Peace Light (ph:hand-peace-light) — бесплатная SVG-иконка из набора Phosphor от Phosphor Icons. Она нарисована на сетке 256 × 256. Phosphor icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Phosphor
Автор: Phosphor Icons
Лицензия: MIT
Размер: 256 × 256
Теги: emoji, victory, handpeace, peacelight, handpeacelight

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<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>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/ph/hand-peace-light.svg" alt="Иконка Hand Peace Light" width="24" height="24">

Вопросы и ответы: Иконка Hand Peace Light

Можно ли бесплатно использовать иконку Hand Peace Light в коммерческих проектах?

Да. Phosphor icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Hand Peace Light в React?

Установите @iconify/react и выведите <Icon icon="ph:hand-peace-light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Hand Peace Light на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/ph/hand-peace-light.svg" alt="Иконка Hand Peace Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Phosphor →