foot emoji
foot-medium-light-skin-tone from OpenMoji by OpenMoji · Medium-light skin tone · People Body · CC-BY-SA-4.0 Attribution required.
- Name
- foot-medium-light-skin-tone
- Set
- OpenMoji
- Style
- Medium-light skin tone
- Category
- People Body
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
5 other variants in OpenMoji
The same emoji in other sets
More people body icons from OpenMoji
anatomical-heartartistastronautbabybaby-angelbackhand-index-pointing-downbackhand-index-pointing-leftbackhand-index-pointing-rightbackhand-index-pointing-upballet-dancerbiting-lipboneboybreast-feedingbust-in-silhouettebusts-in-silhouettecall-me-handchildclapping-handsconstruction-workercookcouple-with-heartcouple-with-heart-man-mancouple-with-heart-man-man-dark-skin-tone-light-skin-tone
Use the foot emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#debb90" d="M38 13s2 18 2 23c0 4.123-2.172 7.586-5 9c-4 2-14 7-19 7h-3.4a4.9 4.9 0 0 0-.6 2.5a3.5 3.5 0 0 0 3.5 3.5H49a5 5 0 0 0 5-5c0-6-3-11-3-17s3-23 3-23v-1H38Z"/><path fill="#c19a65" d="M45.5 58H49a5 5 0 0 0 5-5c0-6-3-11-3-17s3-23 3-23v-1h-4s-3 17-3 23s3 11 3 17a5 5 0 0 1-5 5Z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="2"><path stroke-linejoin="round" d="M38 13s2 18 2 23c0 4.123-2.172 7.586-5 9c-4 2-14 7-19 7h-3.4a4.9 4.9 0 0 0-.6 2.5a3.5 3.5 0 0 0 3.5 3.5H49a5 5 0 0 0 5-5c0-6-3-11-3-17s3-23 3-23"/><path stroke-miterlimit="10" d="M48 47a4 4 0 0 1-4 4"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiFootMediumLightSkinTone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#debb90" d="M38 13s2 18 2 23c0 4.123-2.172 7.586-5 9c-4 2-14 7-19 7h-3.4a4.9 4.9 0 0 0-.6 2.5a3.5 3.5 0 0 0 3.5 3.5H49a5 5 0 0 0 5-5c0-6-3-11-3-17s3-23 3-23v-1H38Z"/><path fill="#c19a65" d="M45.5 58H49a5 5 0 0 0 5-5c0-6-3-11-3-17s3-23 3-23v-1h-4s-3 17-3 23s3 11 3 17a5 5 0 0 1-5 5Z"/><g fill="none" stroke="#000" strokeLinecap="round" strokeWidth="2"><path strokeLinejoin="round" d="M38 13s2 18 2 23c0 4.123-2.172 7.586-5 9c-4 2-14 7-19 7h-3.4a4.9 4.9 0 0 0-.6 2.5a3.5 3.5 0 0 0 3.5 3.5H49a5 5 0 0 0 5-5c0-6-3-11-3-17s3-23 3-23"/><path strokeMiterlimit="10" d="M48 47a4 4 0 0 1-4 4"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#debb90" d="M38 13s2 18 2 23c0 4.123-2.172 7.586-5 9c-4 2-14 7-19 7h-3.4a4.9 4.9 0 0 0-.6 2.5a3.5 3.5 0 0 0 3.5 3.5H49a5 5 0 0 0 5-5c0-6-3-11-3-17s3-23 3-23v-1H38Z"/><path fill="#c19a65" d="M45.5 58H49a5 5 0 0 0 5-5c0-6-3-11-3-17s3-23 3-23v-1h-4s-3 17-3 23s3 11 3 17a5 5 0 0 1-5 5Z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="2"><path stroke-linejoin="round" d="M38 13s2 18 2 23c0 4.123-2.172 7.586-5 9c-4 2-14 7-19 7h-3.4a4.9 4.9 0 0 0-.6 2.5a3.5 3.5 0 0 0 3.5 3.5H49a5 5 0 0 0 5-5c0-6-3-11-3-17s3-23 3-23"/><path stroke-miterlimit="10" d="M48 47a4 4 0 0 1-4 4"/></g></svg> </template>
CSS
.icon-foot-medium-light-skin-tone {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22%23debb90%22%20d%3D%22M38%2013s2%2018%202%2023c0%204.123-2.172%207.586-5%209c-4%202-14%207-19%207h-3.4a4.9%204.9%200%200%200-.6%202.5a3.5%203.5%200%200%200%203.5%203.5H49a5%205%200%200%200%205-5c0-6-3-11-3-17s3-23%203-23v-1H38Z%22%2F%3E%3Cpath%20fill%3D%22%23c19a65%22%20d%3D%22M45.5%2058H49a5%205%200%200%200%205-5c0-6-3-11-3-17s3-23%203-23v-1h-4s-3%2017-3%2023s3%2011%203%2017a5%205%200%200%201-5%205Z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M38%2013s2%2018%202%2023c0%204.123-2.172%207.586-5%209c-4%202-14%207-19%207h-3.4a4.9%204.9%200%200%200-.6%202.5a3.5%203.5%200%200%200%203.5%203.5H49a5%205%200%200%200%205-5c0-6-3-11-3-17s3-23%203-23%22%2F%3E%3Cpath%20stroke-miterlimit%3D%2210%22%20d%3D%22M48%2047a4%204%200%200%201-4%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22%23debb90%22%20d%3D%22M38%2013s2%2018%202%2023c0%204.123-2.172%207.586-5%209c-4%202-14%207-19%207h-3.4a4.9%204.9%200%200%200-.6%202.5a3.5%203.5%200%200%200%203.5%203.5H49a5%205%200%200%200%205-5c0-6-3-11-3-17s3-23%203-23v-1H38Z%22%2F%3E%3Cpath%20fill%3D%22%23c19a65%22%20d%3D%22M45.5%2058H49a5%205%200%200%200%205-5c0-6-3-11-3-17s3-23%203-23v-1h-4s-3%2017-3%2023s3%2011%203%2017a5%205%200%200%201-5%205Z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M38%2013s2%2018%202%2023c0%204.123-2.172%207.586-5%209c-4%202-14%207-19%207h-3.4a4.9%204.9%200%200%200-.6%202.5a3.5%203.5%200%200%200%203.5%203.5H49a5%205%200%200%200%205-5c0-6-3-11-3-17s3-23%203-23%22%2F%3E%3Cpath%20stroke-miterlimit%3D%2210%22%20d%3D%22M48%2047a4%204%200%200%201-4%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/foot-medium-light-skin-tone.svg?color=%231a73e8&size=48
