footsteps icon

footsteps from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: footsteps
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

Use the footsteps icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M133.83 361.27c-22.61 0-41-8.17-54.79-24.39s-22.84-40.29-28.11-75.31c-7.76-51.61-.06-95.11 21.68-122.48c12.8-16.12 29.6-25.44 48.58-26.94c16.25-1.3 40.54 5.29 64 44c14.69 24.24 25.86 56.44 30.65 88.34c5.79 38.51 1.48 66.86-13.18 86.65c-11.64 15.72-29.54 25.46-53.21 29a106.5 106.5 0 0 1-15.62 1.13M173 496c-13.21 0-26.6-4.23-38.66-12.36a79.8 79.8 0 0 1-33.52-50.6c-2.85-14.66-1.14-26.31 5.22-35.64c10.33-15.15 28.87-18.56 48.49-22.18c2.07-.38 4.17-.76 6.3-1.17c4.52-.86 9.14-2 13.62-3.11c16.78-4.14 34.14-8.43 48.47 1.75c9.59 6.8 15 18.36 16.62 35.32c1.84 19.57-2.36 39.1-11.83 55c-10.19 17.11-25.47 28.42-43 31.86A61 61 0 0 1 173 496m205.17-230.73a107 107 0 0 1-15.6-1.2c-23.66-3.5-41.56-13.25-53.2-29c-14.66-19.79-19-48.13-13.18-86.65c4.79-31.93 15.93-64.1 30.55-88.25c23.34-38.57 47.66-45.26 64-44.08c18.92 1.38 35.69 10.57 48.51 26.6c21.89 27.37 29.65 71 21.86 122.84c-5.27 35-14.2 58.95-28.11 75.31s-32.22 24.43-54.83 24.43M339 400a61 61 0 0 1-11.68-1.13c-17.56-3.44-32.84-14.75-43-31.86c-9.47-15.9-13.67-35.43-11.83-55c1.6-17 7-28.52 16.62-35.33c14.33-10.17 31.69-5.89 48.47-1.74c4.48 1.1 9.1 2.24 13.62 3.11l6.29 1.17c19.63 3.61 38.17 7 48.5 22.17c6.36 9.33 8.07 21 5.22 35.64a79.78 79.78 0 0 1-33.52 50.61C365.56 395.78 352.17 400 339 400"/></svg>

React

import type { SVGProps } from "react";

export function IonFootsteps(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M133.83 361.27c-22.61 0-41-8.17-54.79-24.39s-22.84-40.29-28.11-75.31c-7.76-51.61-.06-95.11 21.68-122.48c12.8-16.12 29.6-25.44 48.58-26.94c16.25-1.3 40.54 5.29 64 44c14.69 24.24 25.86 56.44 30.65 88.34c5.79 38.51 1.48 66.86-13.18 86.65c-11.64 15.72-29.54 25.46-53.21 29a106.5 106.5 0 0 1-15.62 1.13M173 496c-13.21 0-26.6-4.23-38.66-12.36a79.8 79.8 0 0 1-33.52-50.6c-2.85-14.66-1.14-26.31 5.22-35.64c10.33-15.15 28.87-18.56 48.49-22.18c2.07-.38 4.17-.76 6.3-1.17c4.52-.86 9.14-2 13.62-3.11c16.78-4.14 34.14-8.43 48.47 1.75c9.59 6.8 15 18.36 16.62 35.32c1.84 19.57-2.36 39.1-11.83 55c-10.19 17.11-25.47 28.42-43 31.86A61 61 0 0 1 173 496m205.17-230.73a107 107 0 0 1-15.6-1.2c-23.66-3.5-41.56-13.25-53.2-29c-14.66-19.79-19-48.13-13.18-86.65c4.79-31.93 15.93-64.1 30.55-88.25c23.34-38.57 47.66-45.26 64-44.08c18.92 1.38 35.69 10.57 48.51 26.6c21.89 27.37 29.65 71 21.86 122.84c-5.27 35-14.2 58.95-28.11 75.31s-32.22 24.43-54.83 24.43M339 400a61 61 0 0 1-11.68-1.13c-17.56-3.44-32.84-14.75-43-31.86c-9.47-15.9-13.67-35.43-11.83-55c1.6-17 7-28.52 16.62-35.33c14.33-10.17 31.69-5.89 48.47-1.74c4.48 1.1 9.1 2.24 13.62 3.11l6.29 1.17c19.63 3.61 38.17 7 48.5 22.17c6.36 9.33 8.07 21 5.22 35.64a79.78 79.78 0 0 1-33.52 50.61C365.56 395.78 352.17 400 339 400"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M133.83 361.27c-22.61 0-41-8.17-54.79-24.39s-22.84-40.29-28.11-75.31c-7.76-51.61-.06-95.11 21.68-122.48c12.8-16.12 29.6-25.44 48.58-26.94c16.25-1.3 40.54 5.29 64 44c14.69 24.24 25.86 56.44 30.65 88.34c5.79 38.51 1.48 66.86-13.18 86.65c-11.64 15.72-29.54 25.46-53.21 29a106.5 106.5 0 0 1-15.62 1.13M173 496c-13.21 0-26.6-4.23-38.66-12.36a79.8 79.8 0 0 1-33.52-50.6c-2.85-14.66-1.14-26.31 5.22-35.64c10.33-15.15 28.87-18.56 48.49-22.18c2.07-.38 4.17-.76 6.3-1.17c4.52-.86 9.14-2 13.62-3.11c16.78-4.14 34.14-8.43 48.47 1.75c9.59 6.8 15 18.36 16.62 35.32c1.84 19.57-2.36 39.1-11.83 55c-10.19 17.11-25.47 28.42-43 31.86A61 61 0 0 1 173 496m205.17-230.73a107 107 0 0 1-15.6-1.2c-23.66-3.5-41.56-13.25-53.2-29c-14.66-19.79-19-48.13-13.18-86.65c4.79-31.93 15.93-64.1 30.55-88.25c23.34-38.57 47.66-45.26 64-44.08c18.92 1.38 35.69 10.57 48.51 26.6c21.89 27.37 29.65 71 21.86 122.84c-5.27 35-14.2 58.95-28.11 75.31s-32.22 24.43-54.83 24.43M339 400a61 61 0 0 1-11.68-1.13c-17.56-3.44-32.84-14.75-43-31.86c-9.47-15.9-13.67-35.43-11.83-55c1.6-17 7-28.52 16.62-35.33c14.33-10.17 31.69-5.89 48.47-1.74c4.48 1.1 9.1 2.24 13.62 3.11l6.29 1.17c19.63 3.61 38.17 7 48.5 22.17c6.36 9.33 8.07 21 5.22 35.64a79.78 79.78 0 0 1-33.52 50.61C365.56 395.78 352.17 400 339 400"/></svg>
</template>

CSS

.icon-footsteps {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M133.83%20361.27c-22.61%200-41-8.17-54.79-24.39s-22.84-40.29-28.11-75.31c-7.76-51.61-.06-95.11%2021.68-122.48c12.8-16.12%2029.6-25.44%2048.58-26.94c16.25-1.3%2040.54%205.29%2064%2044c14.69%2024.24%2025.86%2056.44%2030.65%2088.34c5.79%2038.51%201.48%2066.86-13.18%2086.65c-11.64%2015.72-29.54%2025.46-53.21%2029a106.5%20106.5%200%200%201-15.62%201.13M173%20496c-13.21%200-26.6-4.23-38.66-12.36a79.8%2079.8%200%200%201-33.52-50.6c-2.85-14.66-1.14-26.31%205.22-35.64c10.33-15.15%2028.87-18.56%2048.49-22.18c2.07-.38%204.17-.76%206.3-1.17c4.52-.86%209.14-2%2013.62-3.11c16.78-4.14%2034.14-8.43%2048.47%201.75c9.59%206.8%2015%2018.36%2016.62%2035.32c1.84%2019.57-2.36%2039.1-11.83%2055c-10.19%2017.11-25.47%2028.42-43%2031.86A61%2061%200%200%201%20173%20496m205.17-230.73a107%20107%200%200%201-15.6-1.2c-23.66-3.5-41.56-13.25-53.2-29c-14.66-19.79-19-48.13-13.18-86.65c4.79-31.93%2015.93-64.1%2030.55-88.25c23.34-38.57%2047.66-45.26%2064-44.08c18.92%201.38%2035.69%2010.57%2048.51%2026.6c21.89%2027.37%2029.65%2071%2021.86%20122.84c-5.27%2035-14.2%2058.95-28.11%2075.31s-32.22%2024.43-54.83%2024.43M339%20400a61%2061%200%200%201-11.68-1.13c-17.56-3.44-32.84-14.75-43-31.86c-9.47-15.9-13.67-35.43-11.83-55c1.6-17%207-28.52%2016.62-35.33c14.33-10.17%2031.69-5.89%2048.47-1.74c4.48%201.1%209.1%202.24%2013.62%203.11l6.29%201.17c19.63%203.61%2038.17%207%2048.5%2022.17c6.36%209.33%208.07%2021%205.22%2035.64a79.78%2079.78%200%200%201-33.52%2050.61C365.56%20395.78%20352.17%20400%20339%20400%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M133.83%20361.27c-22.61%200-41-8.17-54.79-24.39s-22.84-40.29-28.11-75.31c-7.76-51.61-.06-95.11%2021.68-122.48c12.8-16.12%2029.6-25.44%2048.58-26.94c16.25-1.3%2040.54%205.29%2064%2044c14.69%2024.24%2025.86%2056.44%2030.65%2088.34c5.79%2038.51%201.48%2066.86-13.18%2086.65c-11.64%2015.72-29.54%2025.46-53.21%2029a106.5%20106.5%200%200%201-15.62%201.13M173%20496c-13.21%200-26.6-4.23-38.66-12.36a79.8%2079.8%200%200%201-33.52-50.6c-2.85-14.66-1.14-26.31%205.22-35.64c10.33-15.15%2028.87-18.56%2048.49-22.18c2.07-.38%204.17-.76%206.3-1.17c4.52-.86%209.14-2%2013.62-3.11c16.78-4.14%2034.14-8.43%2048.47%201.75c9.59%206.8%2015%2018.36%2016.62%2035.32c1.84%2019.57-2.36%2039.1-11.83%2055c-10.19%2017.11-25.47%2028.42-43%2031.86A61%2061%200%200%201%20173%20496m205.17-230.73a107%20107%200%200%201-15.6-1.2c-23.66-3.5-41.56-13.25-53.2-29c-14.66-19.79-19-48.13-13.18-86.65c4.79-31.93%2015.93-64.1%2030.55-88.25c23.34-38.57%2047.66-45.26%2064-44.08c18.92%201.38%2035.69%2010.57%2048.51%2026.6c21.89%2027.37%2029.65%2071%2021.86%20122.84c-5.27%2035-14.2%2058.95-28.11%2075.31s-32.22%2024.43-54.83%2024.43M339%20400a61%2061%200%200%201-11.68-1.13c-17.56-3.44-32.84-14.75-43-31.86c-9.47-15.9-13.67-35.43-11.83-55c1.6-17%207-28.52%2016.62-35.33c14.33-10.17%2031.69-5.89%2048.47-1.74c4.48%201.1%209.1%202.24%2013.62%203.11l6.29%201.17c19.63%203.61%2038.17%207%2048.5%2022.17c6.36%209.33%208.07%2021%205.22%2035.64a79.78%2079.78%200%200%201-33.52%2050.61C365.56%20395.78%20352.17%20400%20339%20400%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/footsteps.svg?color=%231a73e8&size=48