Ícone Foot Medium Dark
fluent-emoji:foot-medium-dark
O ícone Foot Medium Dark (fluent-emoji:foot-medium-dark) é um ícone SVG gratuito da coleção Fluent Emoji de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji icons são publicados sob a licença MIT, 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
- Fluent Emoji
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Tags
- footmedium, mediumdark, footmediumdark
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#i8UMTYb)"><path fill="#875D54" d="M29.783 24.724c-.618-2.731-1.462-2.726-1.669-6.365c-.207-3.638-.672-8.297-6.016-8.297c-2.437 0-5.642 1.414-5.828 6.594c0 3.702-4.75 5.797-7.145 6.814c-.793.337-2.156.968-2.948.968c-.47 0-.789-.307-1.329-.297c-1.937 0-2.765 1.797-2.765 3.078s.87 2.705 2.872 2.705h20.878c3.011 0 4.569-2.47 3.95-5.2"/><path fill="url(#iYNcMhb)" d="M29.783 24.724c-.618-2.731-1.462-2.726-1.669-6.365c-.207-3.638-.672-8.297-6.016-8.297c-2.437 0-5.642 1.414-5.828 6.594c0 3.702-4.75 5.797-7.145 6.814c-.793.337-2.156.968-2.948.968c-.47 0-.789-.307-1.329-.297c-1.937 0-2.765 1.797-2.765 3.078s.87 2.705 2.872 2.705h20.878c3.011 0 4.569-2.47 3.95-5.2"/></g><path fill="url(#iArJpQe)" d="M29.783 24.724c-.618-2.731-1.462-2.726-1.669-6.365c-.207-3.638-.672-8.297-6.016-8.297c-2.437 0-5.642 1.414-5.828 6.594c0 3.702-4.75 5.797-7.145 6.814c-.793.337-2.156.968-2.948.968c-.47 0-.789-.307-1.329-.297c-1.937 0-2.765 1.797-2.765 3.078s.87 2.705 2.872 2.705h20.878c3.011 0 4.569-2.47 3.95-5.2"/><path fill="url(#iALva6d)" d="M29.783 24.724c-.618-2.731-1.462-2.726-1.669-6.365c-.207-3.638-.672-8.297-6.016-8.297c-2.437 0-5.642 1.414-5.828 6.594c0 3.702-4.75 5.797-7.145 6.814c-.793.337-2.156.968-2.948.968c-.47 0-.789-.307-1.329-.297c-1.937 0-2.765 1.797-2.765 3.078s.87 2.705 2.872 2.705h20.878c3.011 0 4.569-2.47 3.95-5.2"/><path fill="url(#iE4d50c)" d="M29.783 24.724c-.618-2.731-1.462-2.726-1.669-6.365c-.207-3.638-.672-8.297-6.016-8.297c-2.437 0-5.642 1.414-5.828 6.594c0 3.702-4.75 5.797-7.145 6.814c-.793.337-2.156.968-2.948.968c-.47 0-.789-.307-1.329-.297c-1.937 0-2.765 1.797-2.765 3.078s.87 2.705 2.872 2.705h20.878c3.011 0 4.569-2.47 3.95-5.2"/><path fill="url(#ib5JKkf)" d="M29.783 24.724c-.618-2.731-1.462-2.726-1.669-6.365c-.207-3.638-.672-8.297-6.016-8.297c-2.437 0-5.642 1.414-5.828 6.594c0 3.702-4.75 5.797-7.145 6.814c-.793.337-2.156.968-2.948.968c-.47 0-.789-.307-1.329-.297c-1.937 0-2.765 1.797-2.765 3.078s.87 2.705 2.872 2.705h20.878c3.011 0 4.569-2.47 3.95-5.2"/><g filter="url(#iLt6xXd)"><path fill="#A67F71" d="M24.788 11.84c-.946 0-1.636 1.128-1.386 2.04c.39 1.425.623 3.096.682 4.141c.102 1.781.395 2.472.721 3.24c.207.487.427 1.006.62 1.855c.497 2.186-.754 4.162-3.172 4.162h3.649c.81 0 3.945 0 2.701-3.718c-.223-.474-.473-.94-.692-1.348a14 14 0 0 1-.485-.952c-.326-.767-.393-1.458-.495-3.239c-.082-1.446-.495-4.091-1.2-5.623c-.167-.361-.545-.559-.943-.559"/></g><g filter="url(#iu3JNOb)"><circle cx="23.426" cy="19.085" r="3.086" fill="url(#iPdJ5ec)"/></g><g filter="url(#immCfde)"><path fill="url(#inUKPab)" d="M20.055 17.478a.48.48 0 0 0-.4.207a3.964 3.964 0 1 0 6.762.234a3.085 3.085 0 1 1-5.806.41c.107-.389-.152-.851-.556-.851"/></g><g filter="url(#iyf9Hwb)"><path stroke="url(#iRl8Bzc)" stroke-linecap="round" stroke-width="2" d="M4.557 26.931h14.369"/></g><defs><linearGradient id="iArJpQe" x1="31.44" x2="22.855" y1="22.238" y2="23.257" gradientUnits="userSpaceOnUse"><stop stop-color="#A27C6D"/><stop offset="1" stop-color="#A27C6D" stop-opacity="0"/></linearGradient><linearGradient id="iALva6d" x1="16" x2="15.651" y1="30.875" y2="26.862" gradientUnits="userSpaceOnUse"><stop offset=".125" stop-color="#7C4262"/><stop offset="1" stop-color="#7C4262" stop-opacity="0"/></linearGradient><linearGradient id="iE4d50c" x1="16" x2="16" y1="30.023" y2="29.578" gradientUnits="userSpaceOnUse"><stop stop-color="#8C598C"/><stop offset="1" stop-color="#8C598C" stop-opacity="0"/></linearGradient><linearGradient id="inUKPab" x1="27.694" x2="20.522" y1="21.48" y2="21.288" gradientUnits="userSpaceOnUse"><stop offset=".289" stop-color="#97685F"/><stop offset=".592" stop-color="#814C5B"/><stop offset="1" stop-color="#784E4A"/></linearGradient><linearGradient id="iRl8Bzc" x1="4.811" x2="15.07" y1="27.368" y2="27.368" gradientUnits="userSpaceOnUse"><stop stop-color="#885C5B"/><stop offset="1" stop-color="#885C5B" stop-opacity="0"/></linearGradient><filter id="i8UMTYb" width="28.334" height="21.361" x="2.083" y="9.062" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-1"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.462745 0 0 0 0 0.313726 0 0 0 0 0.286275 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_0_35"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".5" dy=".5"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.478431 0 0 0 0 0.380392 0 0 0 0 0.341176 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_0_35" result="effect2_innerShadow_0_35"/></filter><filter id="iLt6xXd" width="11.639" height="20.439" x="19.753" y="9.339" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_0_35" stdDeviation="1.25"/></filter><filter id="iu3JNOb" width="8.171" height="8.171" x="19.34" y="15" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_0_35" stdDeviation=".5"/></filter><filter id="immCfde" width="10.428" height="8.854" x="17.75" y="16.228" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_0_35" stdDeviation=".625"/></filter><filter id="iyf9Hwb" width="20.369" height="6" x="1.557" y="23.931" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_0_35" stdDeviation="1"/></filter><radialGradient id="iYNcMhb" cx="0" cy="0" r="1" gradientTransform="matrix(6.87498 7.74998 -9.24292 8.19935 14.348 14.5)" gradientUnits="userSpaceOnUse"><stop offset=".245" stop-color="#7D594C"/><stop offset="1" stop-color="#7D594C" stop-opacity="0"/></radialGradient><radialGradient id="ib5JKkf" cx="0" cy="0" r="1" gradientTransform="rotate(-121.741 21.637 6.363)scale(19.7821 38.1448)" gradientUnits="userSpaceOnUse"><stop offset=".91" stop-color="#816D64" stop-opacity="0"/><stop offset="1" stop-color="#816D64"/></radialGradient><radialGradient id="iPdJ5ec" cx="0" cy="0" r="1" gradientTransform="matrix(-3.65402 0 0 -5.03515 25.612 19.085)" gradientUnits="userSpaceOnUse"><stop stop-color="#A67F75"/><stop offset="1" stop-color="#A67F75" stop-opacity="0"/></radialGradient></defs></g></svg>Como usar o ícone Foot Medium Dark
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:foot-medium-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:foot-medium-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:foot-medium-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--foot-medium-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:foot-medium-dark"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:foot-medium-dark"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/foot-medium-dark.svg" alt="Ícone Foot Medium Dark" width="24" height="24">Ícones relacionados em Fluent Emoji
O ícone Foot Medium Dark em outras coleções
Perguntas frequentes sobre Ícone Foot Medium Dark
O ícone Foot Medium Dark é grátis para uso comercial?
Sim. Fluent Emoji icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Foot Medium Dark no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji:foot-medium-dark" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Foot Medium Dark a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji/foot-medium-dark.svg" alt="Ícone Foot Medium Dark">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.