Иконка Hands Clapping Checkmark Circle
pepicons-pop:hands-clapping-checkmark-circle
Иконка Hands Clapping Checkmark Circle (pepicons-pop:hands-clapping-checkmark-circle) — бесплатная SVG-иконка из набора Pepicons Pop! от CyCraft. Она нарисована на сетке 26 × 26. Pepicons Pop! icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Pepicons Pop!
- Автор
- CyCraft
- Лицензия
- CC-BY-4.0
- Размер
- 26 × 26
- Теги
- handsclapping, clappingcheckmark, checkmarkcircle, handsclappingcheckmarkcircle, hand
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M6.938 3.673a1 1 0 0 1 1.39.265l1.206 1.778a1 1 0 0 1-1.655 1.123L6.673 5.062a1 1 0 0 1 .265-1.39m8.517-.062a1 1 0 0 0-1.346.436l-.907 1.777a1 1 0 1 0 1.782.909l.907-1.777a1 1 0 0 0-.437-1.346M11.31 3a1 1 0 0 1 1 1v1.777a1 1 0 1 1-2 0V4a1 1 0 0 1 1-1"/><path d="M12.966 9.93q.033-.301.157-.571a1 1 0 0 1-.082-.074l-.484-.505a.25.25 0 1 0-.36.346zm1.256-1.557c.415-.138.857-.12 1.248.033a1.781 1.781 0 0 1 3.116.221l.754 1.641q.024.044.044.092l1.523 3.811c.193.484.306.988.341 1.495a4 4 0 0 1-5.182 5.837l-.516.145a1 1 0 0 1-.09.02a4.96 4.96 0 0 1-3.839-.02l-.034-.014a5.1 5.1 0 0 1-1.676-1.158l-.855-.892l-.262-.273L7.5 17.96l-1.473-1.537a1.75 1.75 0 0 1 .245-2.635l-.185-.193a1.75 1.75 0 0 1 .371-2.717a1.75 1.75 0 0 1 2.314-2.217a1.755 1.755 0 0 1 2.137-.662q.107-.166.257-.31a1.75 1.75 0 0 1 2.474.053l.484.505q.057.06.098.126m3.792 2.602l1.297 3.245a4 4 0 0 0-.866-.196l-1.093-2.734a1 1 0 0 0-.037-.141l-.611-1.683a.28.28 0 0 1 .52-.213L18 10.949zm-2.138.664l1.007 2.52a4.002 4.002 0 0 0-2.132 6.175a3.46 3.46 0 0 1-2.542-.065l-.034-.015a3.6 3.6 0 0 1-1.181-.816l-.855-.891l-.262-.274l-1.294-1.351l-1.473-1.537a.25.25 0 0 1 .36-.347l1.385 1.445a.75.75 0 1 0 1.083-1.038l-1.385-1.444V14L7.17 12.557a.25.25 0 0 1 .361-.346l2.076 2.166l.692.722a.75.75 0 0 0 1.083-1.038l-.692-.721l-2.076-2.167l-.692-.722a.25.25 0 1 1 .361-.346l.692.722l2.076 2.166l.692.722a.75.75 0 1 0 1.083-1.037l-.692-.722l-2.076-2.166a.25.25 0 0 1 .361-.346l3.086 3.22a.75.75 0 0 0 1.354-.576l-.396-1.892a.345.345 0 0 1 .652-.215l.748 1.632zm3.999 4.511a.75.75 0 0 1 .275 1.025l-1.497 2.594l-.01.019a.747.747 0 0 1-1.052.24l-.043-.03l-1.491-1.093a.75.75 0 0 1 .887-1.21l.825.605l1.081-1.875a.75.75 0 0 1 1.025-.275"/><path d="M13 24c6.075 0 11-4.925 11-11S19.075 2 13 2S2 6.925 2 13s4.925 11 11 11m0 2c7.18 0 13-5.82 13-13S20.18 0 13 0S0 5.82 0 13s5.82 13 13 13"/></g></svg>Как использовать иконку Hands Clapping Checkmark Circle
React
import { Icon } from "@iconify/react";
<Icon icon="pepicons-pop:hands-clapping-checkmark-circle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pepicons-pop:hands-clapping-checkmark-circle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pepicons-pop:hands-clapping-checkmark-circle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pepicons-pop--hands-clapping-checkmark-circle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pepicons-pop -->
<div class="i-pepicons-pop:hands-clapping-checkmark-circle"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pepicons-pop:hands-clapping-checkmark-circle"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/pepicons-pop/hands-clapping-checkmark-circle.svg" alt="Иконка Hands Clapping Checkmark Circle" width="24" height="24">Похожие иконки в наборе Pepicons Pop!
Иконка Hands Clapping Checkmark Circle в других наборах
Вопросы и ответы: Иконка Hands Clapping Checkmark Circle
Можно ли бесплатно использовать иконку Hands Clapping Checkmark Circle в коммерческих проектах?
Да. Pepicons Pop! icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Hands Clapping Checkmark Circle в React?
Установите @iconify/react и выведите <Icon icon="pepicons-pop:hands-clapping-checkmark-circle" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Hands Clapping Checkmark Circle на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/pepicons-pop/hands-clapping-checkmark-circle.svg" alt="Иконка Hands Clapping Checkmark Circle">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.