Footprints アイコン

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

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

andrsrxn:footprints

Footprints アイコン(andrsrxn:footprints)は、andrsrxn/icons セットの無料 SVG アイコンです（作者: Andrés Raxón）。 24 × 24 のグリッドで描かれています。 andrsrxn/icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: andrsrxn/icons
作者: Andrés Raxón
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: ナビゲーション
タグ: footprint

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="m1.55 9.2l2.84 8.38l4.21-.98l.48-9L7.06 5l-3.55.41zm20.9-3.29l-2.83 8.45l-4.22-.99l-.38-8.64l1.92-3l3.55.4z" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.74 16.53L4.2 17.72m11.07-4.46l4.52 1.18M4.03 17.65c-.67-3.64-2.2-4.61-2.16-8.48c.03-2.05.45-4.15 3.88-4.4c3.15-.22 3.58 2.3 3.69 4.68c.15 3.45-1.1 4.15-.54 7.02q.14.71.47 1.47c.4.96.6 1.44.63 1.68q.25 1.5-1.14 2.13c-.21.1-.61.18-1.42.34c-.52.1-.78.15-1 .15a2 2 0 0 1-1.83-1.29c-.07-.2-.11-.47-.2-1a65 65 0 0 0-.38-2.3m15.94-3.06c.67-3.64 2.2-4.6 2.16-8.48c-.03-2.04-.53-4.15-3.88-4.4c-3.15-.22-3.58 2.3-3.69 4.68c-.15 3.45 1.1 4.15.54 7.02a8 8 0 0 1-.47 1.48a10 10 0 0 0-.63 1.67q-.25 1.5 1.14 2.13c.21.1.61.18 1.42.34c.52.1.78.16 1 .15a2 2 0 0 0 1.83-1.28c.07-.2.11-.48.2-1.02c.12-.78.25-1.6.38-2.3"/></g></svg>

Footprints アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

andrsrxn/icons をすべて見る →