ICONYZ
Русский
Иконка Hand Bones из набора Material Symbols Light

Иконка Hand Bones

material-symbols-light:hand-bones

Иконка Hand Bones (material-symbols-light:hand-bones) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Material Symbols Light
Автор
Google
Лицензия
Apache-2.0
Размер
24 × 24
Категория
Социальное
Теги
handbones, bone, hand bones rounded, hand bones sharp
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.171 15.23q-.123.062-.24.013t-.171-.172l-.577-1.538q-.068-.196-.065-.38t.169-.251q.317-.135.585.098q.269.233.409.58l.4 1.076q.056.123.012.228q-.043.104-.16.166zm5.058 5.75q-.367 0-.693-.145q-.326-.146-.544-.414L6.79 16.69q-.141-.172-.135-.37t.177-.338t.369-.132t.339.174l2.346 2.748v-1.384q0-.123.03-.234q.031-.11.093-.234l-1.092-3.165q-.068-.188.02-.381q.089-.192.278-.26t.38.031t.26.287l1.033 2.935h1.305v-3.308q0-.214.144-.357t.356-.143t.357.143t.143.357v3.307h1.158l.564-2.417q.061-.214.226-.33q.164-.116.377-.055t.33.226t.055.378l-.496 2.198h.711q.087.006.176.021q.09.016.157.047l.394-1.052q.073-.189.265-.287q.193-.098.381-.025q.183.073.269.275q.085.202.012.39l-.656 1.758v2.45q0 .44-.299.74q-.299.299-.739.299zM8.409 7.218q-.123.025-.218-.064q-.095-.09-.12-.213l-.186-1.667q-.031-.214.097-.372q.128-.159.341-.19t.372.107t.19.351l.18 1.667q.025.123-.064.219t-.213.12zm.493 4.485q-.129.03-.23-.046q-.1-.077-.126-.206l-.262-2.254q-.03-.213.098-.372q.128-.158.341-.19q.214-.03.372.107q.159.138.19.351l.255 2.137q.026.142-.046.235t-.213.122zm3.598-.567q-.142 0-.225-.083t-.083-.225V8.635q0-.214.143-.357q.144-.144.357-.144t.357.144t.143.357v2.192q0 .142-.083.225q-.082.083-.225.083zm0-4.423q-.142 0-.225-.083t-.083-.225V4.212q0-.214.143-.357t.357-.143t.357.143t.143.357v2.192q0 .142-.083.225q-.082.083-.225.083zm3.49 5.515l-.403-.115q-.143-.031-.214-.124q-.071-.092-.046-.234l.256-2.181q.03-.213.189-.341t.372-.097q.195.03.332.189q.138.159.107.353l-.237 2.298q-.025.129-.126.206t-.23.046m.518-4.41l-.404-.042q-.123-.025-.213-.12q-.089-.096-.064-.219l.18-1.686q.032-.213.19-.341q.159-.128.372-.098q.195.031.332.19q.138.158.107.353l-.162 1.686q-.025.123-.12.213t-.218.064m1.577 5.99l-.34-.107q-.124-.05-.183-.158t-.028-.23l.28-1.093q.067-.207.244-.314t.365-.04q.189.068.302.232q.114.165.052.353l-.298 1.142q-.031.124-.151.195q-.12.07-.243.02m1.05-3.197l-.36-.077q-.123-.031-.184-.151q-.062-.12-.031-.243l.306-1.15q.078-.293.203-.539t.381-.179q.317.073.385.402q.067.329-.037.688l-.275 1.033q-.03.123-.148.185q-.117.061-.24.03"/></svg>

Как использовать иконку Hand Bones

React

import { Icon } from "@iconify/react";

<Icon icon="material-symbols-light:hand-bones" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="material-symbols-light:hand-bones" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="material-symbols-light:hand-bones" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--hand-bones]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:hand-bones"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="material-symbols-light:hand-bones"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/material-symbols-light/hand-bones.svg" alt="Иконка Hand Bones" width="24" height="24">

Похожие иконки в наборе Material Symbols Light

Иконка Hand Bones в других наборах

Вопросы и ответы: Иконка Hand Bones

Можно ли бесплатно использовать иконку Hand Bones в коммерческих проектах?

Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Hand Bones в React?

Установите @iconify/react и выведите <Icon icon="material-symbols-light:hand-bones" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Hand Bones на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/hand-bones.svg" alt="Иконка Hand Bones">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Material Symbols Light →