Иконка Smiling Face With Open Hands

openmoji:smiling-face-with-open-hands

Иконка Smiling Face With Open Hands (openmoji:smiling-face-with-open-hands) — бесплатная SVG-иконка из набора OpenMoji. Она нарисована на сетке 72 × 72. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: OpenMoji
Автор: OpenMoji
Лицензия: CC-BY-SA-4.0
Размер: 72 × 72
Категория: Смайлы и эмоции
Теги: smilingface, facewith, withopen, openhands, smilingfacewithopenhands, hand, hugging face

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="#fcea2b"><circle cx="36" cy="36" r="23.8"/><path d="m28.5 62.1l-5.1 5.2c-4.472-3.459-10.46-4.395-14.25-8.76c-.512-2.736-1.312-10.01 1.854-7.34c4.956-3.31 4.378 1.379 10.1 2.8h.2c-.634-2.772-1.709-2.625.4-4.7c3.594 3.941 3.542 9.586 6.8 12.8zM50 49.6c1.591.854.486 3.626.5 4.7c1.7-.5 4.9-2.4 6.9-4c1.595.047 7.958 1.281 5.8 3.4c0 0 1.2.4 0 3c-.7.5-.2 2.4-1 3.4c-4.136 4.135-11.06 3.117-13.4 7.3l-5.2-5.2c3.69-3.36 1.958-9.959 6.4-12.6"/></g><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="2"><path stroke-linejoin="round" d="M56.2 47C58 43.6 59 39.8 59 36c0-12.7-10.3-23-23-23S13 23.3 13 36c0 3.7.9 7.4 2.7 10.7c0 .1 0 .1.1.2m13.8 11.2c2.1.6 4.2.9 6.4.9c2.1 0 4.2-.3 6.2-.8"/><path stroke-linejoin="round" d="M45.8 45.2c-5.7 4.7-13.9 4.7-19.6 0"/><path stroke-miterlimit="10" d="M31.7 33.4c-1-2.4-3.8-3.5-6.2-2.4q-1.65.75-2.4 2.4m25.8 0c-1-2.4-3.8-3.5-6.2-2.4q-1.65.75-2.4 2.4"/><path stroke-linejoin="round" d="M28.3 61.7c-.896-.764-1.554-1.366-1.8-2.4c-.243-2.983-1.549-5.769-2.8-8.1c-.3-.5-.9-2-1.5-2.2c-.9-.3-1.5 0-1.7 1.1s.6 3.3.8 3.9a48 48 0 0 1-6.4-4.1c-1.2-.7-2.2-.4-2.7.4c-.2.3-.2.5-.3.7c-1.5-1.1-2.6-.7-3.1 0c-.5.6-.5 1.5-.1 2.1c-.2.1-.4.3-.5.5c-.6 1-.3 2.3.7 2.9c.2.1.5.4.9.6c-.1.1-.2.1-.2.2c-.5.6-.5 1.6 0 2.2c1.6 2.8 9 4.9 11.5 5.5l1.8 1.8m25.7 0l1.8-1.8c2.5-.6 9.9-2.8 11.5-5.5c.5-.6.5-1.6-.1-2.1c-.1-.1-.1-.2-.2-.2c.5-.3.8-.6.9-.6c1-.6 1.3-1.9.7-2.9c-.1-.2-.3-.4-.5-.5c.4-.6.4-1.5-.1-2.1s-1.6-1.1-3.1 0c0-.3-.1-.6-.3-.7c-.5-.7-1.4-1.1-2.7-.4c0 0-.1 0-.1.1c-1.9 1.6-4.1 2.9-6.3 4c.503-1.286 1.69-5.814-.6-5.1c-.6.2-1.2 1.7-1.5 2.2c-1.738 2.511-2.258 5.218-2.8 8.1c.031 1.077-1.076 1.676-1.8 2.4"/></g></svg>

Как использовать иконку Smiling Face With Open Hands

React

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

<Icon icon="openmoji:smiling-face-with-open-hands" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:smiling-face-with-open-hands" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:smiling-face-with-open-hands" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--smiling-face-with-open-hands]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:smiling-face-with-open-hands"></div>

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

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

<iconify-icon icon="openmoji:smiling-face-with-open-hands"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/openmoji/smiling-face-with-open-hands.svg" alt="Иконка Smiling Face With Open Hands" width="24" height="24">

Иконка Smiling Face With Open Hands в других наборах

Вопросы и ответы: Иконка Smiling Face With Open Hands

Можно ли бесплатно использовать иконку Smiling Face With Open Hands в коммерческих проектах?

Да. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

Как использовать иконку Smiling Face With Open Hands в React?

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

Как добавить иконку Smiling Face With Open Hands на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/openmoji/smiling-face-with-open-hands.svg" alt="Иконка Smiling Face With Open Hands">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки OpenMoji →