footprints icon
footprints-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- footprints-thin
- Set
- Phosphor
- Style
- Thin
- 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 188h-56a4 4 0 0 0-4 4v12a32 32 0 1 0 64 0v-12a4 4 0 0 0-4-4m-4 16a24 24 0 1 1-48 0v-8h48Zm-100-40H48a4 4 0 0 0-4 4v12a32 32 0 1 0 64 0v-12a4 4 0 0 0-4-4m-4 16a24 24 0 1 1-48 0v-8h48ZM76 20c-9.82 0-20.07 9.75-28.12 26.75c-13.39 28.27-18 70.05-.23 91.78a4 4 0 0 0 3.1 1.47h50.51a4 4 0 0 0 3.1-1.47c17.79-21.73 13.16-63.51-.23-91.78C96.08 29.75 85.83 20 76 20m23.3 112H52.71c-13.8-19-9.79-56.08 2.4-81.82C61.59 36.5 69.59 28 76 28s14.42 8.5 20.9 22.18C109.09 75.92 113.1 113 99.3 132m55.44 32h50.51a4 4 0 0 0 3.1-1.47c17.79-21.73 13.16-63.51-.23-91.78C200.07 53.75 189.82 44 180 44s-20.08 9.75-28.13 26.75c-13.39 28.27-18 70.05-.23 91.78a4 4 0 0 0 3.1 1.47m4.36-89.82C165.58 60.5 173.58 52 180 52s14.41 8.5 20.89 22.18c12.19 25.74 16.2 62.82 2.4 81.82H156.7c-13.8-19-9.79-56.08 2.4-81.82"/></svg>
React
import type { SVGProps } from "react";
export function PhFootprintsThin(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 188h-56a4 4 0 0 0-4 4v12a32 32 0 1 0 64 0v-12a4 4 0 0 0-4-4m-4 16a24 24 0 1 1-48 0v-8h48Zm-100-40H48a4 4 0 0 0-4 4v12a32 32 0 1 0 64 0v-12a4 4 0 0 0-4-4m-4 16a24 24 0 1 1-48 0v-8h48ZM76 20c-9.82 0-20.07 9.75-28.12 26.75c-13.39 28.27-18 70.05-.23 91.78a4 4 0 0 0 3.1 1.47h50.51a4 4 0 0 0 3.1-1.47c17.79-21.73 13.16-63.51-.23-91.78C96.08 29.75 85.83 20 76 20m23.3 112H52.71c-13.8-19-9.79-56.08 2.4-81.82C61.59 36.5 69.59 28 76 28s14.42 8.5 20.9 22.18C109.09 75.92 113.1 113 99.3 132m55.44 32h50.51a4 4 0 0 0 3.1-1.47c17.79-21.73 13.16-63.51-.23-91.78C200.07 53.75 189.82 44 180 44s-20.08 9.75-28.13 26.75c-13.39 28.27-18 70.05-.23 91.78a4 4 0 0 0 3.1 1.47m4.36-89.82C165.58 60.5 173.58 52 180 52s14.41 8.5 20.89 22.18c12.19 25.74 16.2 62.82 2.4 81.82H156.7c-13.8-19-9.79-56.08 2.4-81.82"/></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 188h-56a4 4 0 0 0-4 4v12a32 32 0 1 0 64 0v-12a4 4 0 0 0-4-4m-4 16a24 24 0 1 1-48 0v-8h48Zm-100-40H48a4 4 0 0 0-4 4v12a32 32 0 1 0 64 0v-12a4 4 0 0 0-4-4m-4 16a24 24 0 1 1-48 0v-8h48ZM76 20c-9.82 0-20.07 9.75-28.12 26.75c-13.39 28.27-18 70.05-.23 91.78a4 4 0 0 0 3.1 1.47h50.51a4 4 0 0 0 3.1-1.47c17.79-21.73 13.16-63.51-.23-91.78C96.08 29.75 85.83 20 76 20m23.3 112H52.71c-13.8-19-9.79-56.08 2.4-81.82C61.59 36.5 69.59 28 76 28s14.42 8.5 20.9 22.18C109.09 75.92 113.1 113 99.3 132m55.44 32h50.51a4 4 0 0 0 3.1-1.47c17.79-21.73 13.16-63.51-.23-91.78C200.07 53.75 189.82 44 180 44s-20.08 9.75-28.13 26.75c-13.39 28.27-18 70.05-.23 91.78a4 4 0 0 0 3.1 1.47m4.36-89.82C165.58 60.5 173.58 52 180 52s14.41 8.5 20.89 22.18c12.19 25.74 16.2 62.82 2.4 81.82H156.7c-13.8-19-9.79-56.08 2.4-81.82"/></svg> </template>
CSS
.icon-footprints-thin {
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%20188h-56a4%204%200%200%200-4%204v12a32%2032%200%201%200%2064%200v-12a4%204%200%200%200-4-4m-4%2016a24%2024%200%201%201-48%200v-8h48Zm-100-40H48a4%204%200%200%200-4%204v12a32%2032%200%201%200%2064%200v-12a4%204%200%200%200-4-4m-4%2016a24%2024%200%201%201-48%200v-8h48ZM76%2020c-9.82%200-20.07%209.75-28.12%2026.75c-13.39%2028.27-18%2070.05-.23%2091.78a4%204%200%200%200%203.1%201.47h50.51a4%204%200%200%200%203.1-1.47c17.79-21.73%2013.16-63.51-.23-91.78C96.08%2029.75%2085.83%2020%2076%2020m23.3%20112H52.71c-13.8-19-9.79-56.08%202.4-81.82C61.59%2036.5%2069.59%2028%2076%2028s14.42%208.5%2020.9%2022.18C109.09%2075.92%20113.1%20113%2099.3%20132m55.44%2032h50.51a4%204%200%200%200%203.1-1.47c17.79-21.73%2013.16-63.51-.23-91.78C200.07%2053.75%20189.82%2044%20180%2044s-20.08%209.75-28.13%2026.75c-13.39%2028.27-18%2070.05-.23%2091.78a4%204%200%200%200%203.1%201.47m4.36-89.82C165.58%2060.5%20173.58%2052%20180%2052s14.41%208.5%2020.89%2022.18c12.19%2025.74%2016.2%2062.82%202.4%2081.82H156.7c-13.8-19-9.79-56.08%202.4-81.82%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%20188h-56a4%204%200%200%200-4%204v12a32%2032%200%201%200%2064%200v-12a4%204%200%200%200-4-4m-4%2016a24%2024%200%201%201-48%200v-8h48Zm-100-40H48a4%204%200%200%200-4%204v12a32%2032%200%201%200%2064%200v-12a4%204%200%200%200-4-4m-4%2016a24%2024%200%201%201-48%200v-8h48ZM76%2020c-9.82%200-20.07%209.75-28.12%2026.75c-13.39%2028.27-18%2070.05-.23%2091.78a4%204%200%200%200%203.1%201.47h50.51a4%204%200%200%200%203.1-1.47c17.79-21.73%2013.16-63.51-.23-91.78C96.08%2029.75%2085.83%2020%2076%2020m23.3%20112H52.71c-13.8-19-9.79-56.08%202.4-81.82C61.59%2036.5%2069.59%2028%2076%2028s14.42%208.5%2020.9%2022.18C109.09%2075.92%20113.1%20113%2099.3%20132m55.44%2032h50.51a4%204%200%200%200%203.1-1.47c17.79-21.73%2013.16-63.51-.23-91.78C200.07%2053.75%20189.82%2044%20180%2044s-20.08%209.75-28.13%2026.75c-13.39%2028.27-18%2070.05-.23%2091.78a4%204%200%200%200%203.1%201.47m4.36-89.82C165.58%2060.5%20173.58%2052%20180%2052s14.41%208.5%2020.89%2022.18c12.19%2025.74%2016.2%2062.82%202.4%2081.82H156.7c-13.8-19-9.79-56.08%202.4-81.82%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/footprints-thin.svg?color=%231a73e8&size=48
