footprint icon
footprint-outline from Material Symbols Light by Google · Outline · Social · Apache-2.0 Free for personal and commercial use.
- Name
- footprint-outline
- Set
- Material Symbols Light
- Style
- Outline
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- footprint-outline-rounded, footprint-outline-sharp
1 other variant in Material Symbols Light
The same icon in other sets
More social icons from Material Symbols Light
Use the footprint icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.5 3Q5.433 3 4.716 4.192Q4 5.385 4 7q0 1.44.466 2.845q.467 1.405 1.15 2.332l2.153-.53q.364-.8.797-2.124Q9 8.2 9 7q0-1.616-.716-2.808Q7.567 3 6.5 3m1.375 13q.494 0 .81-.37q.315-.368.315-.955q0-.425-.229-.971t-.621-1.127L6 13.116q0 1.307.486 2.096Q6.97 16 7.875 16M17.5 8q-1.067 0-1.784 1.192Q15 10.385 15 12q0 1.2.443 2.51q.444 1.311.788 2.136l2.077.646q.894-1.388 1.293-2.569T20 12q0-1.616-.716-2.808Q18.567 8 17.5 8m-1.375 13q.865 0 1.37-.77T18 18.25l-2.13-.692q-.259.465-.564 1.02T15 19.676q0 .52.332.922q.331.403.793.403m-8.25-4q-1.348 0-2.127-1.06T5 13.26l-.604-1.118q-.506-.79-.95-2.213Q3 8.506 3 7q0-2.152.996-3.576T6.5 2q1.529 0 2.515 1.484Q10 4.967 10 7q0 1.316-.41 2.608t-.786 2.138l.45.748q.296.485.521 1.084T10 14.675q0 1.002-.599 1.664T7.875 17m8.25 5q-.927 0-1.526-.662T14 19.676q0-.498.225-1.097q.225-.6.521-1.084l.45-.748q-.358-.827-.777-2.129T14 12q0-2.033.986-3.516Q15.97 7 17.5 7q1.508 0 2.504 1.424T21 12q0 1.506-.436 2.907q-.435 1.4-.96 2.23l-.604.95q.006 1.332-.636 2.623Q17.723 22 16.125 22"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightFootprintOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.5 3Q5.433 3 4.716 4.192Q4 5.385 4 7q0 1.44.466 2.845q.467 1.405 1.15 2.332l2.153-.53q.364-.8.797-2.124Q9 8.2 9 7q0-1.616-.716-2.808Q7.567 3 6.5 3m1.375 13q.494 0 .81-.37q.315-.368.315-.955q0-.425-.229-.971t-.621-1.127L6 13.116q0 1.307.486 2.096Q6.97 16 7.875 16M17.5 8q-1.067 0-1.784 1.192Q15 10.385 15 12q0 1.2.443 2.51q.444 1.311.788 2.136l2.077.646q.894-1.388 1.293-2.569T20 12q0-1.616-.716-2.808Q18.567 8 17.5 8m-1.375 13q.865 0 1.37-.77T18 18.25l-2.13-.692q-.259.465-.564 1.02T15 19.676q0 .52.332.922q.331.403.793.403m-8.25-4q-1.348 0-2.127-1.06T5 13.26l-.604-1.118q-.506-.79-.95-2.213Q3 8.506 3 7q0-2.152.996-3.576T6.5 2q1.529 0 2.515 1.484Q10 4.967 10 7q0 1.316-.41 2.608t-.786 2.138l.45.748q.296.485.521 1.084T10 14.675q0 1.002-.599 1.664T7.875 17m8.25 5q-.927 0-1.526-.662T14 19.676q0-.498.225-1.097q.225-.6.521-1.084l.45-.748q-.358-.827-.777-2.129T14 12q0-2.033.986-3.516Q15.97 7 17.5 7q1.508 0 2.504 1.424T21 12q0 1.506-.436 2.907q-.435 1.4-.96 2.23l-.604.95q.006 1.332-.636 2.623Q17.723 22 16.125 22"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.5 3Q5.433 3 4.716 4.192Q4 5.385 4 7q0 1.44.466 2.845q.467 1.405 1.15 2.332l2.153-.53q.364-.8.797-2.124Q9 8.2 9 7q0-1.616-.716-2.808Q7.567 3 6.5 3m1.375 13q.494 0 .81-.37q.315-.368.315-.955q0-.425-.229-.971t-.621-1.127L6 13.116q0 1.307.486 2.096Q6.97 16 7.875 16M17.5 8q-1.067 0-1.784 1.192Q15 10.385 15 12q0 1.2.443 2.51q.444 1.311.788 2.136l2.077.646q.894-1.388 1.293-2.569T20 12q0-1.616-.716-2.808Q18.567 8 17.5 8m-1.375 13q.865 0 1.37-.77T18 18.25l-2.13-.692q-.259.465-.564 1.02T15 19.676q0 .52.332.922q.331.403.793.403m-8.25-4q-1.348 0-2.127-1.06T5 13.26l-.604-1.118q-.506-.79-.95-2.213Q3 8.506 3 7q0-2.152.996-3.576T6.5 2q1.529 0 2.515 1.484Q10 4.967 10 7q0 1.316-.41 2.608t-.786 2.138l.45.748q.296.485.521 1.084T10 14.675q0 1.002-.599 1.664T7.875 17m8.25 5q-.927 0-1.526-.662T14 19.676q0-.498.225-1.097q.225-.6.521-1.084l.45-.748q-.358-.827-.777-2.129T14 12q0-2.033.986-3.516Q15.97 7 17.5 7q1.508 0 2.504 1.424T21 12q0 1.506-.436 2.907q-.435 1.4-.96 2.23l-.604.95q.006 1.332-.636 2.623Q17.723 22 16.125 22"/></svg> </template>
CSS
.icon-footprint-outline {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.5%203Q5.433%203%204.716%204.192Q4%205.385%204%207q0%201.44.466%202.845q.467%201.405%201.15%202.332l2.153-.53q.364-.8.797-2.124Q9%208.2%209%207q0-1.616-.716-2.808Q7.567%203%206.5%203m1.375%2013q.494%200%20.81-.37q.315-.368.315-.955q0-.425-.229-.971t-.621-1.127L6%2013.116q0%201.307.486%202.096Q6.97%2016%207.875%2016M17.5%208q-1.067%200-1.784%201.192Q15%2010.385%2015%2012q0%201.2.443%202.51q.444%201.311.788%202.136l2.077.646q.894-1.388%201.293-2.569T20%2012q0-1.616-.716-2.808Q18.567%208%2017.5%208m-1.375%2013q.865%200%201.37-.77T18%2018.25l-2.13-.692q-.259.465-.564%201.02T15%2019.676q0%20.52.332.922q.331.403.793.403m-8.25-4q-1.348%200-2.127-1.06T5%2013.26l-.604-1.118q-.506-.79-.95-2.213Q3%208.506%203%207q0-2.152.996-3.576T6.5%202q1.529%200%202.515%201.484Q10%204.967%2010%207q0%201.316-.41%202.608t-.786%202.138l.45.748q.296.485.521%201.084T10%2014.675q0%201.002-.599%201.664T7.875%2017m8.25%205q-.927%200-1.526-.662T14%2019.676q0-.498.225-1.097q.225-.6.521-1.084l.45-.748q-.358-.827-.777-2.129T14%2012q0-2.033.986-3.516Q15.97%207%2017.5%207q1.508%200%202.504%201.424T21%2012q0%201.506-.436%202.907q-.435%201.4-.96%202.23l-.604.95q.006%201.332-.636%202.623Q17.723%2022%2016.125%2022%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.5%203Q5.433%203%204.716%204.192Q4%205.385%204%207q0%201.44.466%202.845q.467%201.405%201.15%202.332l2.153-.53q.364-.8.797-2.124Q9%208.2%209%207q0-1.616-.716-2.808Q7.567%203%206.5%203m1.375%2013q.494%200%20.81-.37q.315-.368.315-.955q0-.425-.229-.971t-.621-1.127L6%2013.116q0%201.307.486%202.096Q6.97%2016%207.875%2016M17.5%208q-1.067%200-1.784%201.192Q15%2010.385%2015%2012q0%201.2.443%202.51q.444%201.311.788%202.136l2.077.646q.894-1.388%201.293-2.569T20%2012q0-1.616-.716-2.808Q18.567%208%2017.5%208m-1.375%2013q.865%200%201.37-.77T18%2018.25l-2.13-.692q-.259.465-.564%201.02T15%2019.676q0%20.52.332.922q.331.403.793.403m-8.25-4q-1.348%200-2.127-1.06T5%2013.26l-.604-1.118q-.506-.79-.95-2.213Q3%208.506%203%207q0-2.152.996-3.576T6.5%202q1.529%200%202.515%201.484Q10%204.967%2010%207q0%201.316-.41%202.608t-.786%202.138l.45.748q.296.485.521%201.084T10%2014.675q0%201.002-.599%201.664T7.875%2017m8.25%205q-.927%200-1.526-.662T14%2019.676q0-.498.225-1.097q.225-.6.521-1.084l.45-.748q-.358-.827-.777-2.129T14%2012q0-2.033.986-3.516Q15.97%207%2017.5%207q1.508%200%202.504%201.424T21%2012q0%201.506-.436%202.907q-.435%201.4-.96%202.23l-.604.95q.006%201.332-.636%202.623Q17.723%2022%2016.125%2022%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/footprint-outline.svg?color=%231a73e8&size=48
