mans shoe emoji
mans-shoe from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- mans-shoe
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More objects icons from Fluent Emoji Flat
Use the mans shoe emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#a56953" d="M2 18.7v8.8l8-1.11h1.4c1.56 0 2.82 1.26 2.82 2.82H30V26.4c0-2.96-2.11-5.5-5.01-6.05c0 0-5.83-.71-8.99-3.36a4.13 4.13 0 0 0-2.66-.99H4.7C3.21 16 2 17.21 2 18.7"/><path fill="#6d4534" d="M16.898 16.832a.69.69 0 0 1 0 .976l-1.64 1.64a.69.69 0 1 1-.976-.976l1.64-1.64a.69.69 0 0 1 .976 0m2.98 1.58a.69.69 0 0 1 0 .976l-1.64 1.64a.69.69 0 1 1-.976-.976l1.64-1.64a.69.69 0 0 1 .976 0M2 26.4h7.98v2.82H2z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatMansShoe(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#a56953" d="M2 18.7v8.8l8-1.11h1.4c1.56 0 2.82 1.26 2.82 2.82H30V26.4c0-2.96-2.11-5.5-5.01-6.05c0 0-5.83-.71-8.99-3.36a4.13 4.13 0 0 0-2.66-.99H4.7C3.21 16 2 17.21 2 18.7"/><path fill="#6d4534" d="M16.898 16.832a.69.69 0 0 1 0 .976l-1.64 1.64a.69.69 0 1 1-.976-.976l1.64-1.64a.69.69 0 0 1 .976 0m2.98 1.58a.69.69 0 0 1 0 .976l-1.64 1.64a.69.69 0 1 1-.976-.976l1.64-1.64a.69.69 0 0 1 .976 0M2 26.4h7.98v2.82H2z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#a56953" d="M2 18.7v8.8l8-1.11h1.4c1.56 0 2.82 1.26 2.82 2.82H30V26.4c0-2.96-2.11-5.5-5.01-6.05c0 0-5.83-.71-8.99-3.36a4.13 4.13 0 0 0-2.66-.99H4.7C3.21 16 2 17.21 2 18.7"/><path fill="#6d4534" d="M16.898 16.832a.69.69 0 0 1 0 .976l-1.64 1.64a.69.69 0 1 1-.976-.976l1.64-1.64a.69.69 0 0 1 .976 0m2.98 1.58a.69.69 0 0 1 0 .976l-1.64 1.64a.69.69 0 1 1-.976-.976l1.64-1.64a.69.69 0 0 1 .976 0M2 26.4h7.98v2.82H2z"/></g></svg> </template>
CSS
.icon-mans-shoe {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23a56953%22%20d%3D%22M2%2018.7v8.8l8-1.11h1.4c1.56%200%202.82%201.26%202.82%202.82H30V26.4c0-2.96-2.11-5.5-5.01-6.05c0%200-5.83-.71-8.99-3.36a4.13%204.13%200%200%200-2.66-.99H4.7C3.21%2016%202%2017.21%202%2018.7%22%2F%3E%3Cpath%20fill%3D%22%236d4534%22%20d%3D%22M16.898%2016.832a.69.69%200%200%201%200%20.976l-1.64%201.64a.69.69%200%201%201-.976-.976l1.64-1.64a.69.69%200%200%201%20.976%200m2.98%201.58a.69.69%200%200%201%200%20.976l-1.64%201.64a.69.69%200%201%201-.976-.976l1.64-1.64a.69.69%200%200%201%20.976%200M2%2026.4h7.98v2.82H2z%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23a56953%22%20d%3D%22M2%2018.7v8.8l8-1.11h1.4c1.56%200%202.82%201.26%202.82%202.82H30V26.4c0-2.96-2.11-5.5-5.01-6.05c0%200-5.83-.71-8.99-3.36a4.13%204.13%200%200%200-2.66-.99H4.7C3.21%2016%202%2017.21%202%2018.7%22%2F%3E%3Cpath%20fill%3D%22%236d4534%22%20d%3D%22M16.898%2016.832a.69.69%200%200%201%200%20.976l-1.64%201.64a.69.69%200%201%201-.976-.976l1.64-1.64a.69.69%200%200%201%20.976%200m2.98%201.58a.69.69%200%200%201%200%20.976l-1.64%201.64a.69.69%200%201%201-.976-.976l1.64-1.64a.69.69%200%200%201%20.976%200M2%2026.4h7.98v2.82H2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/mans-shoe.svg?color=%231a73e8&size=48
