Cooperative Handshake icon
icon-park:cooperative-handshake
The Cooperative Handshake icon (icon-park:cooperative-handshake) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Others
- Tags
- cooperativehandshake
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M24 40L36 28L32 32L28 36L24 40ZM24 40L4 20L16 8L24 16"/><path d="M17 23L32 8L44 20L36 28L28 20L22 26L17 23ZM17 23L24 16"/><path d="M28 36L25 33"/><path d="M32 32L29 29"/></g></svg>How to use the Cooperative Handshake icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:cooperative-handshake" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:cooperative-handshake" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:cooperative-handshake" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--cooperative-handshake]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:cooperative-handshake"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:cooperative-handshake"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/cooperative-handshake.svg" alt="Cooperative Handshake icon" width="24" height="24">Cooperative Handshake icon in other icon sets
Cooperative Handshake icon FAQ
Is the Cooperative Handshake icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Cooperative Handshake icon in React?
Install @iconify/react and render <Icon icon="icon-park:cooperative-handshake" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cooperative Handshake icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/cooperative-handshake.svg" alt="Cooperative Handshake icon">, or paste the SVG code inline to style it with CSS.