Open Hands icon

emojione:open-hands

The Open Hands icon (emojione:open-hands) is a free SVG icon from the Emoji One (Colored) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (Colored) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Emoji One (Colored)
Author: Emoji One
License: CC-BY-4.0
Size: 64 × 64
Category: People
Tags: openhands, hand

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#ffdd67" d="M2.9 26.8c-1 .8-1.2 2.3-.4 3.3l10.8 13.8L17 41L6.2 27.3c-.8-1.1-2.3-1.3-3.3-.5m22.1 8l3.9-3L16.6 16c-.8-1.1-2.4-1.3-3.5-.4c-1.1.8-1.3 2.4-.4 3.5z"/><path fill="#eba352" d="m13.1 15.6l-.3.3c1-.5 2.4-.3 3.1.6l12.3 15.7l.7-.5L16.6 16c-.8-1-2.4-1.2-3.5-.4"/><path fill="#ffdd67" d="m17 41.1l4-3.1L8.4 21.9c-.9-1.1-2.5-1.3-3.6-.5c-1.1.9-1.3 2.5-.4 3.6z"/><path fill="#eba352" d="m4.8 21.4l-.3.3c1.1-.6 2.4-.3 3.2.7l7.8 10l1.5.5l-8.6-11c-.8-1.2-2.5-1.4-3.6-.5"/><path fill="#ffdd67" d="m20 36.6l4-3.1l-12.6-16.1c-.9-1.1-2.5-1.3-3.6-.5c-1.1.9-1.3 2.5-.4 3.6z"/><path fill="#eba352" d="m7.8 17l-.3.3c1.1-.6 2.5-.3 3.2.7l8.9 11.3l1.5.5l-9.6-12.3c-.9-1.2-2.6-1.4-3.7-.5m-4.9 9.8l-.3.3c1-.5 2.2-.2 2.9.7l6.4 8.2l1.5.5l-7.2-9.2c-.8-1.1-2.3-1.3-3.3-.5"/><path fill="#ffdd67" d="M32.3 18.5c-1.9-.9-4.2 1-4.5 5.6c-.2 3.2-.1 4-1.8 5.3l-1.5-1.9S9.6 39.2 10.6 40.4c0 0 3.4 5.8 7.4 7.9c6 3.2 16.7-4 14.8-15.3c-1.3-6.7 1.5-13.5-.5-14.5"/><g fill="#eba352"><path d="M32.3 18.5c-.4-.2-.7-.2-1.1-.2c.1 0 .2.1.3.1c2 1 .9 4.5.5 7.5c-.3 2.4-.5 4.9.1 7c2.6 9.6-6.1 16.4-12.4 15.9C26 50 35.6 43.1 32.9 33.1c-.6-2.2-.4-4.5-.1-7c.4-3.1 1.5-6.6-.5-7.6"/><path d="M26.4 29c-3.5 1.2-7.8 7.6-2.7 12.5c-4-5.1-.4-10 2.2-12z"/></g><path fill="#ffdd67" d="M61.1 26.7c1 .8 1.2 2.3.4 3.3L50.7 43.8L47 41l10.8-13.8c.8-1.1 2.3-1.3 3.3-.5m-22.1 8l-3.9-3L47.4 16c.8-1.1 2.4-1.3 3.5-.4c1.1.8 1.3 2.4.4 3.5z"/><path fill="#eba352" d="m50.9 15.5l.3.3c-1-.5-2.4-.3-3.1.6L35.8 32.2l-.7-.5L47.4 16c.8-1.1 2.4-1.3 3.5-.5"/><path fill="#ffdd67" d="m47 41l-4-3.1l12.6-16.1c.9-1.1 2.5-1.3 3.6-.5c1.1.9 1.3 2.5.4 3.6z"/><path fill="#eba352" d="m59.2 21.3l.3.3c-1.1-.6-2.4-.3-3.2.7l-7.8 10l-1.5.5l8.6-11c.8-1.1 2.5-1.3 3.6-.5"/><path fill="#ffdd67" d="m44 36.5l-4-3.1l12.6-16.1c.9-1.1 2.5-1.3 3.6-.5c1.1.9 1.3 2.5.4 3.6z"/><path fill="#eba352" d="m56.2 16.9l.3.3c-1.1-.6-2.4-.3-3.2.7l-8.8 11.3l-1.5.5l9.6-12.3c.8-1.2 2.5-1.4 3.6-.5m4.9 9.8l.3.3c-1-.5-2.2-.2-2.9.7l-6.4 8.2l-1.5.5l7.2-9.2c.8-1.1 2.3-1.3 3.3-.5"/><path fill="#ffdd67" d="M31.7 18.5c1.9-.9 4.2 1 4.5 5.6c.2 3.2.1 4 1.8 5.3l1.5-1.9s14.9 11.7 13.9 12.9c0 0-3.4 5.8-7.4 7.9c-6 3.2-16.7-4-14.8-15.3c1.3-6.8-1.5-13.6.5-14.5"/><g fill="#eba352"><path d="M31.7 18.5c.4-.2.7-.2 1.1-.2c-.1 0-.2.1-.3.1c-2 1-.9 4.5-.5 7.5c.3 2.4.5 4.9-.1 7c-2.6 9.6 6.1 16.4 12.4 15.9C38 50 28.4 43 31.1 33c.6-2.2.4-4.5.1-7c-.4-3.1-1.5-6.6.5-7.5"/><path d="M37.6 28.9c3.5 1.2 7.8 7.6 2.7 12.5c4-5.1.4-10-2.2-12z"/></g></svg>

How to use the Open Hands icon

React

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

<Icon icon="emojione:open-hands" width="24" />

Vue

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

<template>
  <Icon icon="emojione:open-hands" width="24" />
</template>

Svelte

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

<Icon icon="emojione:open-hands" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--open-hands]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="emojione:open-hands"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/emojione/open-hands.svg" alt="Open Hands icon" width="24" height="24">

Related icons in Emoji One (Colored)

Open Hands icon in other icon sets

Open Hands icon FAQ

Is the Open Hands icon free for commercial use?

Yes. Emoji One (Colored) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Open Hands icon in React?

Install @iconify/react and render <Icon icon="emojione:open-hands" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Open Hands icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/emojione/open-hands.svg" alt="Open Hands icon">, or paste the SVG code inline to style it with CSS.

Browse all Emoji One (Colored) icons →