Foot アイコン

Q: Foot アイコンは商用利用でも無料ですか?

はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

healthicons:foot

Foot アイコン(healthicons:foot)は、Health Icons セットの無料 SVG アイコンです（作者: Resolve to Save Lives）。 48 × 48 のグリッドで描かれています。 Health Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Health Icons
作者: Resolve to Save Lives
ライセンス: MIT
サイズ: 48 × 48
カテゴリ: 体

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M40.451 10a1 1 0 0 0-1-1H28.235a1 1 0 0 0-1 1v2.027l-.997 10.654c-.917 1.756-2.619 3.295-4.61 4.578c-2.035 1.313-4.279 2.298-6.046 2.94c-1.353.49-2.687 1.157-3.856 2.108l-.67.545H7.335a1 1 0 0 0-.939.654c-.287.78-.56 2.04-.274 3.182c.15.597.465 1.202 1.047 1.65S8.498 39 9.373 39c2.563 0 3.927-.17 4.763-.436c.435-.138.725-.3.958-.464a2 2 0 0 1 .192.124c.134.094.36.25.633.369c.662.288 1.628.407 3.65.407c1.965 0 3.256-.237 4.227-.612q.461-.18.868-.348c.945-.387 1.716-.702 2.584-.754a35 35 0 0 1 2.498-.07c.849.014 1.456.08 1.737.175c.304.104.571.235.859.392l.264.148c.216.122.462.261.702.38c.774.387 1.69.689 3.084.689c1.156 0 2.771-.288 4.13-1.21C41.935 36.833 43 35.23 43 32.816c0-1.722-.528-3.465-1.127-4.875c-.795-1.872-1.422-3.701-1.422-5.545zM36.5 25a1 1 0 0 0-2-.005v.012l-.003.067a5.4 5.4 0 0 1-.258 1.297c-.264.792-.771 1.682-1.754 2.271a1 1 0 0 0 1.03 1.716c1.517-.911 2.26-2.271 2.621-3.354a7.4 7.4 0 0 0 .357-1.815l.006-.128v-.039l.001-.013zh-1z" clip-rule="evenodd"/></svg>

Foot アイコンの使い方

React

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

<Icon icon="healthicons:foot" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:foot" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:foot" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--foot]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:foot"></div>

Web コンポーネント

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

<iconify-icon icon="healthicons:foot"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/healthicons/foot.svg" alt="Foot アイコン" width="24" height="24">

Health Icons の関連アイコン

他のアイコンセットの Foot アイコン

Foot アイコンのよくある質問

Foot アイコンは商用利用でも無料ですか?

はい。Health Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Foot アイコンを使うには?

@iconify/react をインストールして <Icon icon="healthicons:foot" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Foot アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/healthicons/foot.svg" alt="Foot アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Health Icons をすべて見る →