footprints icon
footprints from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- footprints
- Set
- Phosphor
- Style
- Regular
- 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="M208.06 184H152a8 8 0 0 0-8 8v12a36 36 0 0 0 72.05 0v-12a8 8 0 0 0-7.99-8m-8 20a20 20 0 0 1-40 0v-4h40ZM104 160H48a8 8 0 0 0-8 8v12a36 36 0 0 0 72 0v-12a8 8 0 0 0-8-8m-8 20a20 20 0 0 1-40 0v-4h40ZM76 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 16m21.15 112H54.78c-11.4-18.1-7.21-52.7 3.89-76.11C65.14 38.22 72.17 32 76 32s10.82 6.22 17.3 19.89c11.06 23.41 15.25 58.01 3.85 76.11m57.61 40h50.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.05 8.05 0 0 0 6.24 3m8-92.11C169.22 62.22 176.25 56 180 56s10.82 6.22 17.29 19.89c11.1 23.41 15.29 58 3.9 76.11h-42.34c-11.4-18.1-7.21-52.7 3.89-76.11Z"/></svg>
React
import type { SVGProps } from "react";
export function PhFootprints(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="M208.06 184H152a8 8 0 0 0-8 8v12a36 36 0 0 0 72.05 0v-12a8 8 0 0 0-7.99-8m-8 20a20 20 0 0 1-40 0v-4h40ZM104 160H48a8 8 0 0 0-8 8v12a36 36 0 0 0 72 0v-12a8 8 0 0 0-8-8m-8 20a20 20 0 0 1-40 0v-4h40ZM76 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 16m21.15 112H54.78c-11.4-18.1-7.21-52.7 3.89-76.11C65.14 38.22 72.17 32 76 32s10.82 6.22 17.3 19.89c11.06 23.41 15.25 58.01 3.85 76.11m57.61 40h50.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.05 8.05 0 0 0 6.24 3m8-92.11C169.22 62.22 176.25 56 180 56s10.82 6.22 17.29 19.89c11.1 23.41 15.29 58 3.9 76.11h-42.34c-11.4-18.1-7.21-52.7 3.89-76.11Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M208.06 184H152a8 8 0 0 0-8 8v12a36 36 0 0 0 72.05 0v-12a8 8 0 0 0-7.99-8m-8 20a20 20 0 0 1-40 0v-4h40ZM104 160H48a8 8 0 0 0-8 8v12a36 36 0 0 0 72 0v-12a8 8 0 0 0-8-8m-8 20a20 20 0 0 1-40 0v-4h40ZM76 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 16m21.15 112H54.78c-11.4-18.1-7.21-52.7 3.89-76.11C65.14 38.22 72.17 32 76 32s10.82 6.22 17.3 19.89c11.06 23.41 15.25 58.01 3.85 76.11m57.61 40h50.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.05 8.05 0 0 0 6.24 3m8-92.11C169.22 62.22 176.25 56 180 56s10.82 6.22 17.29 19.89c11.1 23.41 15.29 58 3.9 76.11h-42.34c-11.4-18.1-7.21-52.7 3.89-76.11Z"/></svg> </template>
CSS
.icon-footprints {
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%22M208.06%20184H152a8%208%200%200%200-8%208v12a36%2036%200%200%200%2072.05%200v-12a8%208%200%200%200-7.99-8m-8%2020a20%2020%200%200%201-40%200v-4h40ZM104%20160H48a8%208%200%200%200-8%208v12a36%2036%200%200%200%2072%200v-12a8%208%200%200%200-8-8m-8%2020a20%2020%200%200%201-40%200v-4h40ZM76%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%2016m21.15%20112H54.78c-11.4-18.1-7.21-52.7%203.89-76.11C65.14%2038.22%2072.17%2032%2076%2032s10.82%206.22%2017.3%2019.89c11.06%2023.41%2015.25%2058.01%203.85%2076.11m57.61%2040h50.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.05%208.05%200%200%200%206.24%203m8-92.11C169.22%2062.22%20176.25%2056%20180%2056s10.82%206.22%2017.29%2019.89c11.1%2023.41%2015.29%2058%203.9%2076.11h-42.34c-11.4-18.1-7.21-52.7%203.89-76.11Z%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%22M208.06%20184H152a8%208%200%200%200-8%208v12a36%2036%200%200%200%2072.05%200v-12a8%208%200%200%200-7.99-8m-8%2020a20%2020%200%200%201-40%200v-4h40ZM104%20160H48a8%208%200%200%200-8%208v12a36%2036%200%200%200%2072%200v-12a8%208%200%200%200-8-8m-8%2020a20%2020%200%200%201-40%200v-4h40ZM76%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%2016m21.15%20112H54.78c-11.4-18.1-7.21-52.7%203.89-76.11C65.14%2038.22%2072.17%2032%2076%2032s10.82%206.22%2017.3%2019.89c11.06%2023.41%2015.25%2058.01%203.85%2076.11m57.61%2040h50.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.05%208.05%200%200%200%206.24%203m8-92.11C169.22%2062.22%20176.25%2056%20180%2056s10.82%206.22%2017.29%2019.89c11.1%2023.41%2015.29%2058%203.9%2076.11h-42.34c-11.4-18.1-7.21-52.7%203.89-76.11Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/footprints.svg?color=%231a73e8&size=48
