Footprints アイコン

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:footprints

Footprints アイコン(openmoji:footprints)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 人物・体
タグ: footprint

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="#3f3f3f"><path d="M20.02 47.72c-.98-6.527-8.532-22.96-8.477-24.99c.159-5.812 11.99-9.897 12.91-6.264c.289 1.133 3.103 4.632 1.434 8.267c-3.016 6.569 2.844 15.95 5.016 20.55c1.22 2.848-1.218 5.988-4.224 6.661s-5.888-.766-6.661-4.224z"/><circle cx="9.976" cy="18.17" r="1"/><circle cx="3.721" cy="18.65" r="1" transform="rotate(-27.29)"/><circle cx="6.459" cy="17.97" r="1" transform="rotate(-30)"/><circle cx="18.1" cy="11.11" r="1"/><path d="M50.18 59.72c.98-6.527 8.894-22.51 8.839-24.53c-.159-5.812-12.35-10.35-13.27-6.717c-.305 1.196-2.137 4.667-1.547 8.938c1.208 8.747-2.076 15.97-4.178 20.42c-1.22 2.848.494 5.445 3.5 6.118s5.888-.766 6.661-4.224z"/><circle cx="60.62" cy="29.62" r="1"/><circle cx="2.941" cy="64.31" r="1" transform="rotate(-62.71)"/><circle cx="6.335" cy="60.32" r="1" transform="rotate(-60)"/><circle cx="52.01" cy="23.42" r="1"/><ellipse cx="52.24" cy="12.96" rx="1.561" ry="2.514" transform="matrix(.982 .1891 -.2732 .9619 0 0)"/><ellipse cx="20.5" cy="15.52" rx="1.561" ry="2.514" transform="matrix(.9675 -.2528 .1682 .9857 0 0)"/></g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><path stroke-width="2" d="M19.92 47.53c-.98-6.527-8.351-23.23-8.295-25.26c.159-5.812 10.49-9.177 12.76-6.249c.756.754 1.984 4.935 1.528 9.273c-1.062 10.12 1.628 15.72 3.893 19.89c1.22 2.848-.222 5.898-3.228 6.571s-5.888-.766-6.661-4.224z"/><circle cx="9.235" cy="18.07" r="1.04" stroke-width="1.04" transform="rotate(-1.534)"/><circle cx="3.285" cy="18.74" r="1.04" stroke-width="1.04" transform="rotate(-28.82)"/><circle cx="5.978" cy="18.35" r="1.04" stroke-width="1.04" transform="rotate(-31.53)"/><circle cx="17.66" cy="11.5" r="1.04" stroke-width="1.04" transform="rotate(-1.534)"/><path stroke-width="2" d="M50.09 59.53c.98-6.527 8.713-22.96 8.658-24.99c-.159-5.812-10.79-9.193-12.81-6.392c-1.142.898-1.935 5.439-1.647 9.219c.66 8.697-1.694 14.58-3.913 19.27c-1.22 2.848.041 6.441 3.047 7.114s5.888-.766 6.661-4.224z"/><circle cx="60.55" cy="29.94" r="1.04" stroke-width="1.04"/><circle cx="2.783" cy="64.35" r="1.04" stroke-width="1.04" transform="rotate(-62.71)"/><circle cx="6.263" cy="60.5" r="1.04" stroke-width="1.04" transform="rotate(-60)"/><circle cx="52.26" cy="23.39" r="1.04" stroke-width="1.04"/><ellipse cx="49.94" cy="18.91" stroke-width="1.155" rx="1.893" ry="2.332" transform="matrix(.9973 .07399 -.1025 .9947 0 0)"/><ellipse cx="20.93" cy="12.69" stroke-width="1.164" rx="1.888" ry="2.374" transform="rotate(-6.707)skewX(.831)"/></g></svg>

Footprints アイコンの使い方

React

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

<Icon icon="openmoji:footprints" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:footprints" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:footprints" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="openmoji:footprints"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/footprints.svg" alt="Footprints アイコン" width="24" height="24">

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

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

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

OpenMoji アイコンをすべて見る →