footprints icon
footprints-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.
- Name
- footprints-fill
- Set
- Phosphor
- Style
- Fill
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Use the footprints icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M216.06 192v12a36 36 0 0 1-72.06 0v-12a8 8 0 0 1 8-8h56a8 8 0 0 1 8.06 8M104 160H48a8 8 0 0 0-8 8v12a36 36 0 0 0 72 0v-12a8 8 0 0 0-8-8M76 16c-11.64 0-22.93 10.31-31.8 29c-13.93 29.38-18.56 73 .29 96a8 8 0 0 0 6.2 2.93h50.55a8 8 0 0 0 6.2-2.93c18.85-23 14.22-66.65.29-96C98.85 26.31 87.57 16 76 16m78.8 152h50.55a8 8 0 0 0 6.2-2.93c18.85-23 14.22-66.65.29-96C202.93 50.31 191.64 40 180 40s-22.89 10.31-31.77 29c-13.93 29.38-18.56 73 .29 96a8 8 0 0 0 6.24 3Z"/></svg>
React
import type { SVGProps } from "react";
export function PhFootprintsFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M216.06 192v12a36 36 0 0 1-72.06 0v-12a8 8 0 0 1 8-8h56a8 8 0 0 1 8.06 8M104 160H48a8 8 0 0 0-8 8v12a36 36 0 0 0 72 0v-12a8 8 0 0 0-8-8M76 16c-11.64 0-22.93 10.31-31.8 29c-13.93 29.38-18.56 73 .29 96a8 8 0 0 0 6.2 2.93h50.55a8 8 0 0 0 6.2-2.93c18.85-23 14.22-66.65.29-96C98.85 26.31 87.57 16 76 16m78.8 152h50.55a8 8 0 0 0 6.2-2.93c18.85-23 14.22-66.65.29-96C202.93 50.31 191.64 40 180 40s-22.89 10.31-31.77 29c-13.93 29.38-18.56 73 .29 96a8 8 0 0 0 6.24 3Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M216.06 192v12a36 36 0 0 1-72.06 0v-12a8 8 0 0 1 8-8h56a8 8 0 0 1 8.06 8M104 160H48a8 8 0 0 0-8 8v12a36 36 0 0 0 72 0v-12a8 8 0 0 0-8-8M76 16c-11.64 0-22.93 10.31-31.8 29c-13.93 29.38-18.56 73 .29 96a8 8 0 0 0 6.2 2.93h50.55a8 8 0 0 0 6.2-2.93c18.85-23 14.22-66.65.29-96C98.85 26.31 87.57 16 76 16m78.8 152h50.55a8 8 0 0 0 6.2-2.93c18.85-23 14.22-66.65.29-96C202.93 50.31 191.64 40 180 40s-22.89 10.31-31.77 29c-13.93 29.38-18.56 73 .29 96a8 8 0 0 0 6.24 3Z"/></svg> </template>
CSS
.icon-footprints-fill {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M216.06%20192v12a36%2036%200%200%201-72.06%200v-12a8%208%200%200%201%208-8h56a8%208%200%200%201%208.06%208M104%20160H48a8%208%200%200%200-8%208v12a36%2036%200%200%200%2072%200v-12a8%208%200%200%200-8-8M76%2016c-11.64%200-22.93%2010.31-31.8%2029c-13.93%2029.38-18.56%2073%20.29%2096a8%208%200%200%200%206.2%202.93h50.55a8%208%200%200%200%206.2-2.93c18.85-23%2014.22-66.65.29-96C98.85%2026.31%2087.57%2016%2076%2016m78.8%20152h50.55a8%208%200%200%200%206.2-2.93c18.85-23%2014.22-66.65.29-96C202.93%2050.31%20191.64%2040%20180%2040s-22.89%2010.31-31.77%2029c-13.93%2029.38-18.56%2073%20.29%2096a8%208%200%200%200%206.24%203Z%22%2F%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M216.06%20192v12a36%2036%200%200%201-72.06%200v-12a8%208%200%200%201%208-8h56a8%208%200%200%201%208.06%208M104%20160H48a8%208%200%200%200-8%208v12a36%2036%200%200%200%2072%200v-12a8%208%200%200%200-8-8M76%2016c-11.64%200-22.93%2010.31-31.8%2029c-13.93%2029.38-18.56%2073%20.29%2096a8%208%200%200%200%206.2%202.93h50.55a8%208%200%200%200%206.2-2.93c18.85-23%2014.22-66.65.29-96C98.85%2026.31%2087.57%2016%2076%2016m78.8%20152h50.55a8%208%200%200%200%206.2-2.93c18.85-23%2014.22-66.65.29-96C202.93%2050.31%20191.64%2040%20180%2040s-22.89%2010.31-31.77%2029c-13.93%2029.38-18.56%2073%20.29%2096a8%208%200%200%200%206.24%203Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/footprints-fill.svg?color=%231a73e8&size=48
