Ícone Handshake Rounded
material-symbols-light:handshake-rounded
O ícone Handshake Rounded (material-symbols-light:handshake-rounded) é um ícone SVG gratuito da coleção Material Symbols Light de Google. Ele é desenhado em uma grade de 24 × 24. Material Symbols Light icons são publicados sob a licença Apache 2.0, 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
- Material Symbols Light
- Autor
- Licença
- Apache-2.0
- Tamanho
- 24 × 24
- Categoria
- Social
- Tags
- agreement, hand, hands, partnership, shake, social, handshakerounded
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.792 20.712q-.367 0-.645-.25q-.278-.248-.278-.654q0-.194.085-.43t.254-.405l3.41-3.41q.13-.13.13-.275t-.13-.276t-.286-.119t-.267.124l-3.403 3.404q-.17.17-.383.254q-.213.085-.433.085q-.386 0-.655-.269t-.268-.654q0-.231.094-.451q.095-.22.239-.365l3.41-3.41q.13-.13.13-.272t-.13-.273t-.283-.122t-.264.122l-3.41 3.403q-.15.15-.372.244t-.448.095q-.381 0-.652-.272q-.271-.27-.271-.652q0-.218.084-.432t.254-.383l3.173-3.173q.13-.13.13-.276t-.13-.276t-.283-.121t-.263.121l-3.173 3.179q-.144.144-.367.239q-.224.094-.454.094q-.406 0-.665-.259q-.258-.258-.258-.664q0-.22.084-.433q.085-.213.254-.383l4.342-4.342q.256-.256.601-.25t.601.262l1.55 1.55q.275.275.621.389q.346.115.702.115q.723 0 1.208-.476q.485-.477.485-1.217q0-.35-.135-.706t-.421-.642l-1.367-1.367q-.506-.506-.574-1.168q-.069-.661.395-1.115q.32-.356.748-.53q.427-.176.89-.176q.468 0 .921.183q.454.182.827.556L21.03 8.47q.315.315.499.77q.184.453.184 1.005q0 .5-.187.945q-.186.445-.496.755l-8.421 8.427q-.162.162-.38.25q-.216.089-.436.089m-8.526-8.337q-.533-.465-.81-1.068q-.275-.603-.275-1.23q0-.536.199-1.038t.61-.914l3.937-3.942q.329-.33.726-.516t.857-.186q.47 0 .914.186t.772.516l4.164 4.163q.163.164.25.37t.088.426q0 .387-.268.665t-.655.278q-.238 0-.445-.088t-.37-.25l-1.537-1.531q-.46-.46-1.133-.46t-1.134.46l-4.22 4.219q-.344.344-.82.308q-.475-.035-.85-.368"/></svg>Como usar o ícone Handshake Rounded
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:handshake-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:handshake-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:handshake-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--handshake-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:handshake-rounded"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:handshake-rounded"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/handshake-rounded.svg" alt="Ícone Handshake Rounded" width="24" height="24">Ícones relacionados em Material Symbols Light
O ícone Handshake Rounded em outras coleções
Perguntas frequentes sobre Ícone Handshake Rounded
O ícone Handshake Rounded é grátis para uso comercial?
Sim. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Handshake Rounded no React?
Instale @iconify/react e renderize <Icon icon="material-symbols-light:handshake-rounded" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Handshake Rounded a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/material-symbols-light/handshake-rounded.svg" alt="Ícone Handshake Rounded">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.