Иконка Handshake Rounded
material-symbols-light:handshake-rounded
Иконка Handshake Rounded (material-symbols-light:handshake-rounded) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Symbols Light
- Автор
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Категория
- Социальное
- Теги
- agreement, hand, hands, partnership, shake, social, handshakerounded
Код 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>Как использовать иконку 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>Веб-компонент
<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>Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/handshake-rounded.svg" alt="Иконка Handshake Rounded" width="24" height="24">Похожие иконки в наборе Material Symbols Light
Иконка Handshake Rounded в других наборах
Вопросы и ответы: Иконка Handshake Rounded
Можно ли бесплатно использовать иконку Handshake Rounded в коммерческих проектах?
Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Handshake Rounded в React?
Установите @iconify/react и выведите <Icon icon="material-symbols-light:handshake-rounded" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Handshake Rounded на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/handshake-rounded.svg" alt="Иконка Handshake Rounded">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.