Ícone Footprints
fxemoji:footprints
O ícone Footprints (fxemoji:footprints) é um ícone SVG gratuito da coleção Firefox OS Emoji de Mozilla. Ele é desenhado em uma grade de 72 × 72. Firefox OS Emoji icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Firefox OS Emoji
- Autor
- Mozilla
- Licença
- Apache-2.0
- Tamanho
- 72 × 72
- Categoria
- Pessoas
- Tags
- footprint
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#597B91" d="M54.4 34.1c-5.4-1.4-6-3.1-10-4.2c-2.4-.6-4.9.8-5.5 3.2c-1.6 6.1 8.7 9.1 6.1 18.8c-1.3 5-4.1 5.8-5.6 11.7c-.9 3.3 1.1 6.6 4.3 7.5c2.2.6 4.4-.1 5.9-1.6c.7-.5 1.2-1.4 1.6-2.8c1.1-4 .6-7.1 1.9-11.8c1.5-5.8 5-10.5 5.7-13.3c1.4-5.1-2.5-7.1-4.4-7.5"/><ellipse cx="43" cy="23.8" fill="#597B91" rx="2.6" ry="3.9" transform="rotate(-165.001 43.03 23.763)"/><ellipse cx="48.1" cy="25.8" fill="#597B91" rx="2.1" ry="3.1" transform="rotate(-165.001 48.114 25.776)"/><ellipse cx="52.4" cy="27.8" fill="#597B91" rx="1.8" ry="2.7" transform="rotate(-165.001 52.366 27.805)"/><ellipse cx="55.7" cy="29.8" fill="#597B91" rx="1.4" ry="2.2" transform="rotate(-165.001 55.7 29.786)"/><ellipse cx="58.5" cy="31.6" fill="#597B91" rx="1.3" ry="2" transform="rotate(-159.826 58.462 31.56)"/><path fill="#597B91" d="M27 33c-2.6-9.7 7.7-12.7 6.1-18.8c-.6-2.4-3.1-3.9-5.5-3.2c-3.9 1.1-4.6 2.7-10 4.2c-1.9.5-5.7 2.5-4.4 7.6c.8 2.8 4.2 7.6 5.7 13.3c1.3 4.7.8 7.8 1.9 11.8c.4 1.4.9 2.3 1.6 2.8c1.5 1.5 3.7 2.2 5.9 1.6c3.3-.9 5.2-4.2 4.3-7.5c-1.5-6-4.2-6.8-5.6-11.8"/><ellipse cx="29" cy="4.8" fill="#597B91" rx="2.6" ry="3.9" transform="rotate(-14.999 28.973 4.842)"/><ellipse cx="23.9" cy="6.9" fill="#597B91" rx="2.1" ry="3.1" transform="rotate(-14.999 23.888 6.855)"/><ellipse cx="19.6" cy="8.9" fill="#597B91" rx="1.8" ry="2.7" transform="rotate(-14.999 19.636 8.884)"/><ellipse cx="16.3" cy="10.9" fill="#597B91" rx="1.4" ry="2.2" transform="rotate(-14.999 16.301 10.866)"/><ellipse cx="13.5" cy="12.6" fill="#597B91" rx="1.3" ry="2" transform="rotate(-20.174 13.532 12.642)"/></svg>
Como usar o ícone Footprints
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:footprints" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:footprints" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:footprints" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--footprints]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:footprints"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:footprints"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/footprints.svg" alt="Ícone Footprints" width="24" height="24">
O ícone Footprints em outras coleções
Perguntas frequentes sobre Ícone Footprints
O ícone Footprints é grátis para uso comercial?
Sim. Firefox OS Emoji icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Footprints no React?
Instale @iconify/react e renderize <Icon icon="fxemoji:footprints" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Footprints a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fxemoji/footprints.svg" alt="Ícone Footprints">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Firefox OS Emoji →
ICONYZ
