Icono Handshake Duo
glyphs:handshake-duo
El icono Handshake Duo (glyphs:handshake-duo) es un icono SVG gratuito de la colección Glyphs de Goran Spasojevic. Está dibujado en una cuadrícula de 80 × 80. Glyphs icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Glyphs
- Autor
- Goran Spasojevic
- Licencia
- MIT
- Tamaño
- 80 × 80
- Etiquetas
- handshakeduo
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" d="M4 27h12.343a4 4 0 0 0 2.829-1.172l3.485-3.485A8 8 0 0 1 28.314 20h4.372a8 8 0 0 1 5.27 1.98a8 8 0 0 0-.28.257l-6.806 6.555a5.954 5.954 0 1 0 8.34 8.498L41.5 35l15.964 12.417a2.653 2.653 0 0 1 .51 3.663l-1.608 2.194A7.9 7.9 0 0 1 50 56.5l-1.113 1.113a6.44 6.44 0 0 1-8.678.394L39 57l-.702.702a7.846 7.846 0 0 1-11.096 0l-7.53-7.53A4 4 0 0 0 16.843 49H4z"/><path fill="currentColor" fill-opacity=".25" d="M63.657 27H76v22H59.5l-18-14l-2.29 2.29a5.954 5.954 0 1 1-8.34-8.498l6.806-6.555A8 8 0 0 1 43.226 20h8.46a8 8 0 0 1 5.657 2.343l3.485 3.485A4 4 0 0 0 63.657 27M4 27.059h8v22H4z"/><path fill="currentColor" fill-opacity=".25" d="M68 27.059h8v22h-8z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M37.677 22.237q.136-.131.279-.256A8 8 0 0 0 32.686 20h-4.372a8 8 0 0 0-5.657 2.343l-3.485 3.485A4 4 0 0 1 16.343 27H4v22h12.843a4 4 0 0 1 2.829 1.172l7.53 7.53a7.846 7.846 0 0 0 11.096 0L39 57l1.209 1.007a6.44 6.44 0 0 0 8.678-.394L50 56.5a7.9 7.9 0 0 0 6.365-3.226l1.61-2.194a2.653 2.653 0 0 0-.51-3.663L41.5 35m-3.824-12.763l-6.806 6.555a5.954 5.954 0 1 0 8.34 8.498L41.5 35m-3.824-12.763A8 8 0 0 1 43.226 20h8.46a8 8 0 0 1 5.657 2.343l3.485 3.485A4 4 0 0 0 63.657 27H76v22H59.5l-18-14m0 0l4.5-4.5M4 27.059h8v22H4zm64 0h8v22h-8z"/></g></svg>Cómo usar el icono Handshake Duo
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:handshake-duo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:handshake-duo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:handshake-duo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--handshake-duo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:handshake-duo"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:handshake-duo"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs/handshake-duo.svg" alt="Icono Handshake Duo" width="24" height="24">Iconos relacionados en Glyphs
Preguntas frecuentes sobre Icono Handshake Duo
¿El icono Handshake Duo es gratis para uso comercial?
Sí. Glyphs icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Handshake Duo en React?
Instala @iconify/react y renderiza <Icon icon="glyphs:handshake-duo" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Handshake Duo a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs/handshake-duo.svg" alt="Icono Handshake Duo">, o pega el código SVG en línea para darle estilo con CSS.