Hand Bones アイコン
material-symbols-light:hand-bones
Hand Bones アイコン(material-symbols-light:hand-bones)は、Material Symbols Light セットの無料 SVG アイコンです（作者: 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 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>
Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hand Bones アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Material Symbols Light アイコン をすべて見る →
