Ícone Handshake
reicon:handshake
O ícone Handshake (reicon:handshake) é um ícone SVG gratuito da coleção Reicon. Ele é desenhado em uma grade de 24 × 24. Reicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Reicon
- Autor
- REICON
- Licença
- MIT
- Tamanho
- 24 × 24
- Categoria
- Mãos
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M18.906 3.922c-1.014-1.036-2.46-1.417-3.875-1.015a.75.75 0 1 1-.41-1.442c1.937-.552 3.954-.025 5.357 1.408a.75.75 0 1 1-1.072 1.049m-7.716-.614c-.214-.367-.838-.59-1.471-.227c-.632.36-.743.997-.532 1.357l2.525 4.332a.75.75 0 1 1-1.295.755L7.89 5.194L7.049 3.75c-.214-.367-.838-.59-1.471-.227c-.632.36-.743.997-.533 1.357l3.789 6.497a.75.75 0 1 1-1.296.756L5.854 9.245c-.214-.367-.837-.59-1.471-.227c-.631.36-.743.996-.532 1.357l3.788 6.497c1.61 2.759 5.58 3.654 8.947 1.73c3.364-1.923 4.56-5.764 2.955-8.517l-2.526-4.331c-.214-.367-.838-.59-1.471-.228c-.632.361-.742.997-.532 1.358l1.684 2.887a.75.75 0 0 1-.276 1.03c-1.543.88-2.015 2.585-1.34 3.743a.75.75 0 1 1-1.296.756c-1.06-1.817-.392-4.063 1.263-5.377zm2.73 1.702l-1.433-2.456c-.716-1.228-2.323-1.454-3.511-.774a2.8 2.8 0 0 0-.913.829c-.8-.881-2.178-.988-3.229-.388c-1.19.681-1.803 2.182-1.083 3.416l1.002 1.719a2.9 2.9 0 0 0-1.113.36c-1.191.68-1.804 2.182-1.084 3.416l3.789 6.497c2.11 3.62 7.064 4.518 10.986 2.276c3.924-2.242 5.621-6.949 3.507-10.575L18.31 5c-.716-1.228-2.323-1.454-3.511-.775c-.35.2-.65.471-.881.785M4.414 17.86a.75.75 0 0 1 1.026.27c.827 1.418 2.09 2.49 3.65 3.186a.75.75 0 0 1-.612 1.37c-1.811-.809-3.331-2.08-4.334-3.8a.75.75 0 0 1 .27-1.026" clip-rule="evenodd"/></svg>
Como usar o ícone Handshake
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:handshake" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:handshake" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:handshake" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--handshake]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:handshake"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:handshake"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/reicon/handshake.svg" alt="Ícone Handshake" width="24" height="24">
Ícones relacionados em Reicon
O ícone Handshake em outras coleções
Perguntas frequentes sobre Ícone Handshake
O ícone Handshake é grátis para uso comercial?
Sim. Reicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Handshake no React?
Instale @iconify/react e renderize <Icon icon="reicon:handshake" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Handshake a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/reicon/handshake.svg" alt="Ícone Handshake">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Reicon →
ICONYZ
