Foot Print Bold icon

glyphs:foot-print-bold

The Foot Print Bold icon (glyphs:foot-print-bold) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Glyphs
Author: Goran Spasojevic
License: MIT
Size: 80 × 80
Tags: footprint, printbold, footprintbold

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path fill-rule="evenodd" d="M46.312 24.943a12.12 12.12 0 0 0-10.755 0l-1.37.678a9.664 9.664 0 0 0 0 17.322l1.37.678c2.185 1.081 4.096 3.04 4.096 5.477v1.311c0 2.097-1.22 3.965-2.33 5.743a7.794 7.794 0 1 0 14.404 4.13c0-3.742-2.074-7.373-2.074-11.115v-.297c0-4.582 2.795-8.89 3.338-13.44q.068-.567.068-1.148a9.66 9.66 0 0 0-5.377-8.661z" clip-rule="evenodd"/><path d="m35.557 24.943l.444.897zm10.755 0l.444-.896zm-12.124.678l-.444-.896zm0 17.322l-.444.897zm5.848 24.09l.5-.867zm7.794 0l-.5-.867zm-.148-41.412l-.444.896zm-12.568-1.574a13.12 13.12 0 0 1 11.642 0l-.887 1.793a11.13 11.13 0 0 0-9.868 0zm-1.37.678l1.37-.678L36 25.84l-1.37.677zm-5.934 9.557c0-4.055 2.3-7.759 5.934-9.557l.888 1.792a8.66 8.66 0 0 0-4.822 7.765zm5.934 9.558a10.66 10.66 0 0 1-5.934-9.558h2a8.66 8.66 0 0 0 4.822 7.765zm1.37.677l-1.37-.677l.888-1.793l1.369.678zm5.539 4.581v1.311h-2V49.1zm-5.514 11.184a8.8 8.8 0 0 1 1.336-4.66l1.696 1.06a6.8 6.8 0 0 0-1.032 3.6zm4.397 7.616a8.8 8.8 0 0 1-4.398-7.616h2a6.8 6.8 0 0 0 3.398 5.884zm8.794 0a8.8 8.8 0 0 1-8.794 0l1-1.732a6.8 6.8 0 0 0 6.794 0zm4.397-7.616a8.8 8.8 0 0 1-4.397 7.616l-1-1.732a6.8 6.8 0 0 0 3.397-5.884zm-4.074-11.115v-.297h2v.297zm5.406-14.885q0 .641-.075 1.266l-1.986-.237q.06-.509.061-1.029zm-5.934-9.557a10.66 10.66 0 0 1 5.934 9.557h-2a8.66 8.66 0 0 0-4.821-7.765zm-1.37-.678l1.37.678l-.887 1.792l-1.37-.677zm1.898 24.823c0-2.478.755-4.844 1.52-7.059c.783-2.266 1.57-4.358 1.825-6.5l1.986.237c-.288 2.408-1.17 4.746-1.92 6.916c-.769 2.223-1.411 4.302-1.411 6.406zm2.074 11.412c0-1.709-.474-3.418-1-5.287c-.511-1.817-1.074-3.795-1.074-5.828h2c0 1.709.474 3.418 1 5.287c.51 1.817 1.074 3.795 1.074 5.828zM40.653 50.41c0 2.441-1.418 4.57-2.482 6.273l-1.696-1.06c1.158-1.854 2.178-3.461 2.178-5.213zM36 42.725c2.334 1.155 4.652 3.38 4.652 6.373h-2c0-1.883-1.504-3.574-3.54-4.58z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M28.408 15.086a3.884 3.884 0 0 0-3.59 6.522l1.1 1.116a3.477 3.477 0 0 0 5.828-3.365l-.417-1.51a3.88 3.88 0 0 0-2.92-2.763m9.604-1.81a2.947 2.947 0 0 0-4.017 3.99l.749 1.368a2.567 2.567 0 0 0 4.817-1.291l-.035-1.56a2.95 2.95 0 0 0-1.514-2.507m7.639 1.984a2.001 2.001 0 0 0-3.546 1.532l.221 1.528a1.667 1.667 0 0 0 3.25.227l.431-1.482a2 2 0 0 0-.356-1.806m6.634 3.234a1.942 1.942 0 0 0-3.721.076l-.209.755a1.738 1.738 0 0 0 2.914 1.683l.55-.559a1.94 1.94 0 0 0 .466-1.955m4.942 4.649a1.871 1.871 0 0 0-3.51-.619l-.07.132a1.825 1.825 0 0 0 2.465 2.464l.132-.069a1.87 1.87 0 0 0 .983-1.908"/></g></svg>

How to use the Foot Print Bold icon

React

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

<Icon icon="glyphs:foot-print-bold" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:foot-print-bold" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:foot-print-bold" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="glyphs:foot-print-bold"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/glyphs/foot-print-bold.svg" alt="Foot Print Bold icon" width="24" height="24">

Related icons in Glyphs

Foot Print Bold icon FAQ

Is the Foot Print Bold icon free for commercial use?

Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Foot Print Bold icon in React?

Install @iconify/react and render <Icon icon="glyphs:foot-print-bold" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Foot Print Bold icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/foot-print-bold.svg" alt="Foot Print Bold icon">, or paste the SVG code inline to style it with CSS.

Browse all Glyphs icons →