Icône Foot Print Outline
glyphs:foot-print-outline
L'icône Foot Print Outline (glyphs:foot-print-outline) est une icône SVG gratuite de la collection Glyphs par Goran Spasojevic. Elle est dessinée sur une grille de 80 × 80. Les Glyphs icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Glyphs
- Auteur
- Goran Spasojevic
- Licence
- MIT
- Taille
- 80 × 80
- Mots-clés
- footprint, printoutline, footprintoutline
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M45.425 26.736c-2.83-1.4-6.151-1.4-8.981 0l-1.37.677a7.664 7.664 0 0 0 0 13.738l1.37.677c2.484 1.23 5.209 3.723 5.209 7.27v1.311c0 2.617-1.427 4.884-2.443 6.498l-.191.305a5.794 5.794 0 1 0 10.708 3.07c0-1.547-.43-3.121-.963-5.016l-.031-.112c-.498-1.768-1.08-3.838-1.08-5.987v-.297c0-2.664.81-5.175 1.575-7.385l.242-.697v-.002c.703-2.018 1.32-3.79 1.535-5.593q.053-.45.054-.91a7.66 7.66 0 0 0-4.265-6.87zM34.67 23.15a14.12 14.12 0 0 1 12.529 0l1.37.677a11.66 11.66 0 0 1 6.407 11.839c-.27 2.265-1.04 4.466-1.723 6.421v.001l-.245.702c-.77 2.227-1.355 4.161-1.355 6.08v.296c0 1.547.429 3.121.962 5.016l.031.112c.498 1.768 1.08 3.838 1.08 5.987a9.794 9.794 0 1 1-18.1-5.19c1.206-1.93 2.027-3.276 2.027-4.683V49.1c0-1.33-1.098-2.752-2.983-3.685l-1.37-.678a11.664 11.664 0 0 1 0-20.908z" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M47.199 23.15a14.12 14.12 0 0 0-12.53 0l-1.368.678a11.664 11.664 0 0 0 0 20.908l1.369.678c1.885.933 2.983 2.356 2.983 3.684v1.311c0 1.407-.821 2.754-2.026 4.683a9.794 9.794 0 1 0 18.1 5.19c0-2.149-.583-4.22-1.08-5.987l-.032-.112c-.533-1.895-.962-3.469-.962-5.016v-.297c0-1.918.586-3.852 1.355-6.079l.245-.702c.684-1.956 1.453-4.157 1.724-6.422q.081-.685.082-1.385c0-4.435-2.516-8.486-6.49-10.454zm-1.774 3.586c-2.83-1.4-6.151-1.4-8.981 0l-1.37.677a7.664 7.664 0 0 0 0 13.738l1.37.677c2.484 1.23 5.209 3.723 5.209 7.27v1.311c0 2.617-1.427 4.884-2.443 6.498l-.191.305a5.794 5.794 0 1 0 10.708 3.07c0-1.547-.43-3.121-.963-5.016l-.031-.112c-.498-1.768-1.08-3.838-1.08-5.987v-.297c0-2.664.81-5.175 1.575-7.385l.242-.697v-.002c.703-2.018 1.32-3.79 1.535-5.593q.053-.45.054-.91a7.66 7.66 0 0 0-4.265-6.87z" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M52.615 54.183c-.533-1.895-.962-3.469-.962-5.016v-.297c0-1.918.586-3.852 1.355-6.079l.245-.702h0c.684-1.956 1.453-4.157 1.724-6.422q.081-.685.082-1.385c0-4.435-2.516-8.486-6.49-10.454l-1.37-.677a14.12 14.12 0 0 0-12.53 0l-1.368.677a11.664 11.664 0 0 0 0 20.908l1.369.678c1.885.933 2.983 2.356 2.983 3.684v1.311c0 1.407-.821 2.754-2.026 4.683a9.794 9.794 0 1 0 18.1 5.19c0-2.149-.583-4.22-1.08-5.987m-.032-.112l.031.112m-.031-.112l.031.112m-16.202-27.56c2.83-1.4 6.151-1.4 8.98 0l1.37.678a7.66 7.66 0 0 1 4.21 7.78c-.215 1.803-.831 3.575-1.534 5.593v.002l-.242.697c-.764 2.21-1.575 4.72-1.575 7.385v.297c0 2.149.582 4.22 1.08 5.987l.031.112c.533 1.895.963 3.469.963 5.016a5.794 5.794 0 1 1-10.708-3.07l.191-.305c1.016-1.614 2.443-3.881 2.443-6.498V49.1c0-3.548-2.725-6.041-5.21-7.27l-1.368-.678a7.664 7.664 0 0 1 0-13.738z"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M37.04 15.023c.294.163.48.47.487.806z" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" d="m37.527 15.829l.036 1.559z"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M38.986 11.528a4.947 4.947 0 0 0-7.225 3.208a5.884 5.884 0 0 0-8.368 8.274l1.1 1.117a5.477 5.477 0 0 0 9.361-3.411a4.568 4.568 0 0 0 6.95-.795a3.667 3.667 0 0 0 5.63.881a3.738 3.738 0 0 0 5.013 2.444a3.824 3.824 0 0 0 5.598 3.643l.131-.07a3.871 3.871 0 0 0-2.84-7.154a3.942 3.942 0 0 0-6.287-3.716a4 4 0 0 0-6.947-2.107a4.95 4.95 0 0 0-2.116-2.314m-1.945 3.495a.947.947 0 0 0-1.29 1.282l.748 1.368a.567.567 0 0 0 1.064-.285l-.036-1.56a.95.95 0 0 0-.486-.805m-9.057 2.017a1.884 1.884 0 0 0-1.742 3.163l1.1 1.117a1.477 1.477 0 0 0 2.476-1.43l-.417-1.51a1.88 1.88 0 0 0-1.417-1.34" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M37.04 15.023c.294.163.48.47.487.806z" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m37.527 15.829l.036 1.559z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M38.986 11.528a4.947 4.947 0 0 0-7.225 3.208a5.884 5.884 0 0 0-8.368 8.274l1.1 1.117a5.477 5.477 0 0 0 9.361-3.411a4.568 4.568 0 0 0 6.95-.795a3.667 3.667 0 0 0 5.63.881a3.738 3.738 0 0 0 5.013 2.444a3.824 3.824 0 0 0 5.598 3.643l.131-.07a3.871 3.871 0 0 0-2.84-7.154a3.942 3.942 0 0 0-6.287-3.716a4 4 0 0 0-6.947-2.107a4.95 4.95 0 0 0-2.116-2.314m-1.945 3.495a.947.947 0 0 0-1.29 1.282l.748 1.368a.567.567 0 0 0 1.064-.285l-.036-1.56a.95.95 0 0 0-.486-.805m-9.057 2.017a1.884 1.884 0 0 0-1.742 3.163l1.1 1.117a1.477 1.477 0 0 0 2.476-1.43l-.417-1.51a1.88 1.88 0 0 0-1.417-1.34" clip-rule="evenodd"/></g></svg>Comment utiliser l'icône Foot Print Outline
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:foot-print-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:foot-print-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:foot-print-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--foot-print-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:foot-print-outline"></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-outline"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/glyphs/foot-print-outline.svg" alt="Icône Foot Print Outline" width="24" height="24">Icônes similaires dans Glyphs
FAQ : Icône Foot Print Outline
L'icône Foot Print Outline est-elle gratuite pour un usage commercial ?
Oui. Les Glyphs icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Foot Print Outline dans React ?
Installez @iconify/react et affichez <Icon icon="glyphs:foot-print-outline" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Foot Print Outline à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/glyphs/foot-print-outline.svg" alt="Icône Foot Print Outline">, ou collez le code SVG directement dans la page pour le styliser en CSS.