peace hand icon

peace-hand from Iconoir by Luca Burgio · Regular · Gestures · MIT Free for personal and commercial use.

Name: peace-hand
Set: Iconoir
Style: Regular
Category: Gestures
Viewbox: 24×24
License: MIT

More gestures icons from Iconoir

drag-hand-gesture one-finger-select-hand-gesture open-select-hand-gesture reminder-hand-gesture single-tap-gesture spock-hand-gesture swipe-down-gesture swipe-left-gesture swipe-right-gesture swipe-two-fingers-down-gesture swipe-two-fingers-left-gesture swipe-two-fingers-right-gesture swipe-two-fingers-up-gesture swipe-up-gesture

Use the peace hand icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M14.149 9.472v-5.86c0-.89-.722-1.612-1.612-1.612v0c-.89 0-1.611.722-1.611 1.612v4.834"/><path d="m16.346 12.841l2.176-7.252a1.584 1.584 0 0 0-1.083-1.98v0a1.585 1.585 0 0 0-1.961 1.098l-1.33 4.764M7.62 9.25l1.055 2.341a1.612 1.612 0 0 1-2.938 1.325L4.68 10.575A1.612 1.612 0 0 1 7.62 9.25Z"/><path d="M11.72 12.262v0a2.32 2.32 0 0 0-.068-1.743l-1.073-2.38a1.584 1.584 0 0 0-2.101-.79v0a1.584 1.584 0 0 0-.764 2.14l.135.276"/><path d="m13.857 17.677l.492-.984a.176.176 0 0 0-.108-.248l-3.55-1.044a1.54 1.54 0 0 1-1.095-1.635v0a1.537 1.537 0 0 1 1.67-1.37l4.788.446s3.81.586 2.49 4.395c-1.318 3.81-1.757 5.128-4.687 5.128H8.876a4.25 4.25 0 0 1-4.249-4.249v0L4.48 9.912"/></g></svg>

React

import type { SVGProps } from "react";

export function IconoirPeaceHand(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M14.149 9.472v-5.86c0-.89-.722-1.612-1.612-1.612v0c-.89 0-1.611.722-1.611 1.612v4.834"/><path d="m16.346 12.841l2.176-7.252a1.584 1.584 0 0 0-1.083-1.98v0a1.585 1.585 0 0 0-1.961 1.098l-1.33 4.764M7.62 9.25l1.055 2.341a1.612 1.612 0 0 1-2.938 1.325L4.68 10.575A1.612 1.612 0 0 1 7.62 9.25Z"/><path d="M11.72 12.262v0a2.32 2.32 0 0 0-.068-1.743l-1.073-2.38a1.584 1.584 0 0 0-2.101-.79v0a1.584 1.584 0 0 0-.764 2.14l.135.276"/><path d="m13.857 17.677l.492-.984a.176.176 0 0 0-.108-.248l-3.55-1.044a1.54 1.54 0 0 1-1.095-1.635v0a1.537 1.537 0 0 1 1.67-1.37l4.788.446s3.81.586 2.49 4.395c-1.318 3.81-1.757 5.128-4.687 5.128H8.876a4.25 4.25 0 0 1-4.249-4.249v0L4.48 9.912"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M14.149 9.472v-5.86c0-.89-.722-1.612-1.612-1.612v0c-.89 0-1.611.722-1.611 1.612v4.834"/><path d="m16.346 12.841l2.176-7.252a1.584 1.584 0 0 0-1.083-1.98v0a1.585 1.585 0 0 0-1.961 1.098l-1.33 4.764M7.62 9.25l1.055 2.341a1.612 1.612 0 0 1-2.938 1.325L4.68 10.575A1.612 1.612 0 0 1 7.62 9.25Z"/><path d="M11.72 12.262v0a2.32 2.32 0 0 0-.068-1.743l-1.073-2.38a1.584 1.584 0 0 0-2.101-.79v0a1.584 1.584 0 0 0-.764 2.14l.135.276"/><path d="m13.857 17.677l.492-.984a.176.176 0 0 0-.108-.248l-3.55-1.044a1.54 1.54 0 0 1-1.095-1.635v0a1.537 1.537 0 0 1 1.67-1.37l4.788.446s3.81.586 2.49 4.395c-1.318 3.81-1.757 5.128-4.687 5.128H8.876a4.25 4.25 0 0 1-4.249-4.249v0L4.48 9.912"/></g></svg>
</template>

CSS

.icon-peace-hand {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M14.149%209.472v-5.86c0-.89-.722-1.612-1.612-1.612v0c-.89%200-1.611.722-1.611%201.612v4.834%22%2F%3E%3Cpath%20d%3D%22m16.346%2012.841l2.176-7.252a1.584%201.584%200%200%200-1.083-1.98v0a1.585%201.585%200%200%200-1.961%201.098l-1.33%204.764M7.62%209.25l1.055%202.341a1.612%201.612%200%200%201-2.938%201.325L4.68%2010.575A1.612%201.612%200%200%201%207.62%209.25Z%22%2F%3E%3Cpath%20d%3D%22M11.72%2012.262v0a2.32%202.32%200%200%200-.068-1.743l-1.073-2.38a1.584%201.584%200%200%200-2.101-.79v0a1.584%201.584%200%200%200-.764%202.14l.135.276%22%2F%3E%3Cpath%20d%3D%22m13.857%2017.677l.492-.984a.176.176%200%200%200-.108-.248l-3.55-1.044a1.54%201.54%200%200%201-1.095-1.635v0a1.537%201.537%200%200%201%201.67-1.37l4.788.446s3.81.586%202.49%204.395c-1.318%203.81-1.757%205.128-4.687%205.128H8.876a4.25%204.25%200%200%201-4.249-4.249v0L4.48%209.912%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M14.149%209.472v-5.86c0-.89-.722-1.612-1.612-1.612v0c-.89%200-1.611.722-1.611%201.612v4.834%22%2F%3E%3Cpath%20d%3D%22m16.346%2012.841l2.176-7.252a1.584%201.584%200%200%200-1.083-1.98v0a1.585%201.585%200%200%200-1.961%201.098l-1.33%204.764M7.62%209.25l1.055%202.341a1.612%201.612%200%200%201-2.938%201.325L4.68%2010.575A1.612%201.612%200%200%201%207.62%209.25Z%22%2F%3E%3Cpath%20d%3D%22M11.72%2012.262v0a2.32%202.32%200%200%200-.068-1.743l-1.073-2.38a1.584%201.584%200%200%200-2.101-.79v0a1.584%201.584%200%200%200-.764%202.14l.135.276%22%2F%3E%3Cpath%20d%3D%22m13.857%2017.677l.492-.984a.176.176%200%200%200-.108-.248l-3.55-1.044a1.54%201.54%200%200%201-1.095-1.635v0a1.537%201.537%200%200%201%201.67-1.37l4.788.446s3.81.586%202.49%204.395c-1.318%203.81-1.757%205.128-4.687%205.128H8.876a4.25%204.25%200%200%201-4.249-4.249v0L4.48%209.912%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/iconoir/peace-hand.svg?color=%231a73e8&size=48