footprints icon
footprints-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- footprints-light
- Set
- Phosphor
- Style
- Light
- 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="M104 162H48a6 6 0 0 0-6 6v12a34 34 0 0 0 68 0v-12a6 6 0 0 0-6-6m-6 18a22 22 0 0 1-44 0v-6h44ZM76 18c-10.8 0-21.44 9.91-30 27.9c-13.66 28.82-18.29 71.53 0 93.9a6 6 0 0 0 4.65 2.2h50.53a6 6 0 0 0 4.65-2.2c18.32-22.37 13.69-65.08 0-93.9C97.41 27.91 86.77 18 76 18m22.23 112H53.74c-10.09-15.18-11.69-47.65 3.14-79C64.24 35.51 71.77 30 76 30s11.75 5.51 19.1 21c14.82 31.35 13.22 63.82 3.13 79M208 186h-56a6 6 0 0 0-6 6v12a34 34 0 0 0 68 0v-12a6 6 0 0 0-6-6m-6 18a22 22 0 0 1-44 0v-6h44Zm-47.27-38h50.53a6 6 0 0 0 4.65-2.2c18.32-22.37 13.69-65.08 0-93.9C201.44 51.91 190.8 42 180 42s-21.43 9.91-30 27.9c-13.66 28.82-18.29 71.53 0 93.9a6 6 0 0 0 4.75 2.2Zm6.17-91c7.35-15.53 14.88-21 19.1-21s11.74 5.51 19.1 21c14.83 31.31 13.23 63.78 3.14 79h-44.47c-10.09-15.18-11.69-47.65 3.15-79Z"/></svg>
React
import type { SVGProps } from "react";
export function PhFootprintsLight(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="M104 162H48a6 6 0 0 0-6 6v12a34 34 0 0 0 68 0v-12a6 6 0 0 0-6-6m-6 18a22 22 0 0 1-44 0v-6h44ZM76 18c-10.8 0-21.44 9.91-30 27.9c-13.66 28.82-18.29 71.53 0 93.9a6 6 0 0 0 4.65 2.2h50.53a6 6 0 0 0 4.65-2.2c18.32-22.37 13.69-65.08 0-93.9C97.41 27.91 86.77 18 76 18m22.23 112H53.74c-10.09-15.18-11.69-47.65 3.14-79C64.24 35.51 71.77 30 76 30s11.75 5.51 19.1 21c14.82 31.35 13.22 63.82 3.13 79M208 186h-56a6 6 0 0 0-6 6v12a34 34 0 0 0 68 0v-12a6 6 0 0 0-6-6m-6 18a22 22 0 0 1-44 0v-6h44Zm-47.27-38h50.53a6 6 0 0 0 4.65-2.2c18.32-22.37 13.69-65.08 0-93.9C201.44 51.91 190.8 42 180 42s-21.43 9.91-30 27.9c-13.66 28.82-18.29 71.53 0 93.9a6 6 0 0 0 4.75 2.2Zm6.17-91c7.35-15.53 14.88-21 19.1-21s11.74 5.51 19.1 21c14.83 31.31 13.23 63.78 3.14 79h-44.47c-10.09-15.18-11.69-47.65 3.15-79Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M104 162H48a6 6 0 0 0-6 6v12a34 34 0 0 0 68 0v-12a6 6 0 0 0-6-6m-6 18a22 22 0 0 1-44 0v-6h44ZM76 18c-10.8 0-21.44 9.91-30 27.9c-13.66 28.82-18.29 71.53 0 93.9a6 6 0 0 0 4.65 2.2h50.53a6 6 0 0 0 4.65-2.2c18.32-22.37 13.69-65.08 0-93.9C97.41 27.91 86.77 18 76 18m22.23 112H53.74c-10.09-15.18-11.69-47.65 3.14-79C64.24 35.51 71.77 30 76 30s11.75 5.51 19.1 21c14.82 31.35 13.22 63.82 3.13 79M208 186h-56a6 6 0 0 0-6 6v12a34 34 0 0 0 68 0v-12a6 6 0 0 0-6-6m-6 18a22 22 0 0 1-44 0v-6h44Zm-47.27-38h50.53a6 6 0 0 0 4.65-2.2c18.32-22.37 13.69-65.08 0-93.9C201.44 51.91 190.8 42 180 42s-21.43 9.91-30 27.9c-13.66 28.82-18.29 71.53 0 93.9a6 6 0 0 0 4.75 2.2Zm6.17-91c7.35-15.53 14.88-21 19.1-21s11.74 5.51 19.1 21c14.83 31.31 13.23 63.78 3.14 79h-44.47c-10.09-15.18-11.69-47.65 3.15-79Z"/></svg> </template>
CSS
.icon-footprints-light {
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%22M104%20162H48a6%206%200%200%200-6%206v12a34%2034%200%200%200%2068%200v-12a6%206%200%200%200-6-6m-6%2018a22%2022%200%200%201-44%200v-6h44ZM76%2018c-10.8%200-21.44%209.91-30%2027.9c-13.66%2028.82-18.29%2071.53%200%2093.9a6%206%200%200%200%204.65%202.2h50.53a6%206%200%200%200%204.65-2.2c18.32-22.37%2013.69-65.08%200-93.9C97.41%2027.91%2086.77%2018%2076%2018m22.23%20112H53.74c-10.09-15.18-11.69-47.65%203.14-79C64.24%2035.51%2071.77%2030%2076%2030s11.75%205.51%2019.1%2021c14.82%2031.35%2013.22%2063.82%203.13%2079M208%20186h-56a6%206%200%200%200-6%206v12a34%2034%200%200%200%2068%200v-12a6%206%200%200%200-6-6m-6%2018a22%2022%200%200%201-44%200v-6h44Zm-47.27-38h50.53a6%206%200%200%200%204.65-2.2c18.32-22.37%2013.69-65.08%200-93.9C201.44%2051.91%20190.8%2042%20180%2042s-21.43%209.91-30%2027.9c-13.66%2028.82-18.29%2071.53%200%2093.9a6%206%200%200%200%204.75%202.2Zm6.17-91c7.35-15.53%2014.88-21%2019.1-21s11.74%205.51%2019.1%2021c14.83%2031.31%2013.23%2063.78%203.14%2079h-44.47c-10.09-15.18-11.69-47.65%203.15-79Z%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%22M104%20162H48a6%206%200%200%200-6%206v12a34%2034%200%200%200%2068%200v-12a6%206%200%200%200-6-6m-6%2018a22%2022%200%200%201-44%200v-6h44ZM76%2018c-10.8%200-21.44%209.91-30%2027.9c-13.66%2028.82-18.29%2071.53%200%2093.9a6%206%200%200%200%204.65%202.2h50.53a6%206%200%200%200%204.65-2.2c18.32-22.37%2013.69-65.08%200-93.9C97.41%2027.91%2086.77%2018%2076%2018m22.23%20112H53.74c-10.09-15.18-11.69-47.65%203.14-79C64.24%2035.51%2071.77%2030%2076%2030s11.75%205.51%2019.1%2021c14.82%2031.35%2013.22%2063.82%203.13%2079M208%20186h-56a6%206%200%200%200-6%206v12a34%2034%200%200%200%2068%200v-12a6%206%200%200%200-6-6m-6%2018a22%2022%200%200%201-44%200v-6h44Zm-47.27-38h50.53a6%206%200%200%200%204.65-2.2c18.32-22.37%2013.69-65.08%200-93.9C201.44%2051.91%20190.8%2042%20180%2042s-21.43%209.91-30%2027.9c-13.66%2028.82-18.29%2071.53%200%2093.9a6%206%200%200%200%204.75%202.2Zm6.17-91c7.35-15.53%2014.88-21%2019.1-21s11.74%205.51%2019.1%2021c14.83%2031.31%2013.23%2063.78%203.14%2079h-44.47c-10.09-15.18-11.69-47.65%203.15-79Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/footprints-light.svg?color=%231a73e8&size=48
