Foot Bones アイコン
material-symbols-light:foot-bones
Foot Bones アイコン(material-symbols-light:foot-bones)は、Material Symbols Light セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ソーシャル
- タグ
- footbones、bone、foot bones sharp、foot bones rounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2.943 19.095q-.5-.5-.5-1.191v-1q0-.69.5-1.192t1.192-.5t1.191.5t.501 1.192v1q0 .69-.501 1.191t-1.191.501t-1.192-.5m18.107.712h-1.454q-.212 0-.323-.15q-.112-.149-.062-.36l.237-.863q.05-.143.18-.236t.274-.062l1.254.18q.292.05.472.246q.18.195.18.487q0 .304-.227.53t-.531.228m-3.72-.37l-2.676-.892q-.162-.056-.242-.217q-.081-.162 0-.323l.673-1.533q.08-.162.245-.22q.164-.059.326.028l2.246 1.303q.13.056.174.177q.043.122.013.258l-.243 1.127q-.05.181-.192.264t-.323.028m-4.65-1.75l-1.873-.48q-.273-.062-.444-.276q-.172-.215-.172-.507V15.5q0-.46.143-.892q.142-.433.482-.714q.125-.113.299-.116q.173-.003.336.091l2.3 1.265q.137.081.19.23t-.003.286l-.798 1.821q-.056.137-.19.202q-.134.066-.27.016m-5.115-.881q-.143 0-.258-.113q-.116-.112-.14-.287q-.176-1.183-1.071-1.892T4 13.808h-.5q-.142 0-.225-.083t-.083-.225t.083-.225t.225-.083h.9q.48 0 .921-.125q.44-.125.865-.361q.145-.075.304-.075q.16 0 .304.075q.5.261.998.374t1.054.112q.242 0 .348.226t-.017.45q-.206.368-.288.788t-.081.844v.904q0 .161-.121.282q-.121.122-.283.122zM4.43 11.769q-.82 0-1.375-.562T2.5 9.85q0-.379.137-.733q.136-.353.41-.626L4.5 7.056V5.577q0-.348.23-.578t.578-.23h2.384q.349 0 .578.23t.23.578v1.479L9.954 8.49q.273.273.41.624t.136.73q0 .794-.556 1.359t-1.375.565q-.417 0-.756-.161t-.63-.423q-.158-.114-.32-.215t-.363-.1q-.194 0-.702.315q-.292.242-.643.41t-.724.174"/></svg>Foot Bones アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:foot-bones" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:foot-bones" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:foot-bones" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--foot-bones]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:foot-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:foot-bones"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/foot-bones.svg" alt="Foot Bones アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Foot Bones アイコン
Foot Bones アイコン のよくある質問
Foot Bones アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Foot Bones アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:foot-bones" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Foot Bones アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/foot-bones.svg" alt="Foot Bones アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。