footsteps icon

footsteps-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.

Name: footsteps-sharp
Set: IonIcons
Style: Sharp
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="M130.54 358.31c-12.83 1.88-33.95 5.38-48-10.56S56.34 293.32 51 258.92c-7.88-50.7-.06-93.43 22-120.31c13-15.83 30.06-25 49.34-26.46c16.51-1.27 41.18 5.19 65 43.19c14.92 23.81 26.27 55.44 31.14 86.77c5.88 37.82 11.61 78.18-8.44 92.65c-11.31 8.17-19.43 11-38.62 15.57c-15.78 3.75-28.04 6.09-40.88 7.98m-22.82 32.53l108.89-22.46c9.2-1.9 16.58 3.16 20 18.32c11.22 49.76-4.86 109.3-55.22 109.3c-47.69 0-79.47-54.36-84.66-83.58c-2.37-13.25 1.01-19.53 10.99-21.58m232.87-136.5c-19.19-4.55-27.31-7.4-38.62-15.57c-20.05-14.47-14.32-54.83-8.44-92.65c4.87-31.33 16.22-63 31.14-86.77c23.8-38 48.47-44.46 65-43.19C408.93 17.63 426 26.78 439 42.61c22.08 26.88 29.9 69.61 22 120.31c-5.35 34.4-17.46 72.76-31.59 88.83s-35.13 12.44-48 10.56s-25.05-4.23-40.82-7.97m63.69 40.5l-108.89-22.46c-9.2-1.9-16.58 3.16-20 18.32c-11.21 49.76 4.87 109.3 55.23 109.3c47.69 0 79.47-54.36 84.66-83.58c2.36-13.25-1.02-19.53-11-21.58"/></svg>

React

import type { SVGProps } from "react";

export function IonFootstepsSharp(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="M130.54 358.31c-12.83 1.88-33.95 5.38-48-10.56S56.34 293.32 51 258.92c-7.88-50.7-.06-93.43 22-120.31c13-15.83 30.06-25 49.34-26.46c16.51-1.27 41.18 5.19 65 43.19c14.92 23.81 26.27 55.44 31.14 86.77c5.88 37.82 11.61 78.18-8.44 92.65c-11.31 8.17-19.43 11-38.62 15.57c-15.78 3.75-28.04 6.09-40.88 7.98m-22.82 32.53l108.89-22.46c9.2-1.9 16.58 3.16 20 18.32c11.22 49.76-4.86 109.3-55.22 109.3c-47.69 0-79.47-54.36-84.66-83.58c-2.37-13.25 1.01-19.53 10.99-21.58m232.87-136.5c-19.19-4.55-27.31-7.4-38.62-15.57c-20.05-14.47-14.32-54.83-8.44-92.65c4.87-31.33 16.22-63 31.14-86.77c23.8-38 48.47-44.46 65-43.19C408.93 17.63 426 26.78 439 42.61c22.08 26.88 29.9 69.61 22 120.31c-5.35 34.4-17.46 72.76-31.59 88.83s-35.13 12.44-48 10.56s-25.05-4.23-40.82-7.97m63.69 40.5l-108.89-22.46c-9.2-1.9-16.58 3.16-20 18.32c-11.21 49.76 4.87 109.3 55.23 109.3c47.69 0 79.47-54.36 84.66-83.58c2.36-13.25-1.02-19.53-11-21.58"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M130.54 358.31c-12.83 1.88-33.95 5.38-48-10.56S56.34 293.32 51 258.92c-7.88-50.7-.06-93.43 22-120.31c13-15.83 30.06-25 49.34-26.46c16.51-1.27 41.18 5.19 65 43.19c14.92 23.81 26.27 55.44 31.14 86.77c5.88 37.82 11.61 78.18-8.44 92.65c-11.31 8.17-19.43 11-38.62 15.57c-15.78 3.75-28.04 6.09-40.88 7.98m-22.82 32.53l108.89-22.46c9.2-1.9 16.58 3.16 20 18.32c11.22 49.76-4.86 109.3-55.22 109.3c-47.69 0-79.47-54.36-84.66-83.58c-2.37-13.25 1.01-19.53 10.99-21.58m232.87-136.5c-19.19-4.55-27.31-7.4-38.62-15.57c-20.05-14.47-14.32-54.83-8.44-92.65c4.87-31.33 16.22-63 31.14-86.77c23.8-38 48.47-44.46 65-43.19C408.93 17.63 426 26.78 439 42.61c22.08 26.88 29.9 69.61 22 120.31c-5.35 34.4-17.46 72.76-31.59 88.83s-35.13 12.44-48 10.56s-25.05-4.23-40.82-7.97m63.69 40.5l-108.89-22.46c-9.2-1.9-16.58 3.16-20 18.32c-11.21 49.76 4.87 109.3 55.23 109.3c47.69 0 79.47-54.36 84.66-83.58c2.36-13.25-1.02-19.53-11-21.58"/></svg>
</template>

CSS

.icon-footsteps-sharp {
  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%22M130.54%20358.31c-12.83%201.88-33.95%205.38-48-10.56S56.34%20293.32%2051%20258.92c-7.88-50.7-.06-93.43%2022-120.31c13-15.83%2030.06-25%2049.34-26.46c16.51-1.27%2041.18%205.19%2065%2043.19c14.92%2023.81%2026.27%2055.44%2031.14%2086.77c5.88%2037.82%2011.61%2078.18-8.44%2092.65c-11.31%208.17-19.43%2011-38.62%2015.57c-15.78%203.75-28.04%206.09-40.88%207.98m-22.82%2032.53l108.89-22.46c9.2-1.9%2016.58%203.16%2020%2018.32c11.22%2049.76-4.86%20109.3-55.22%20109.3c-47.69%200-79.47-54.36-84.66-83.58c-2.37-13.25%201.01-19.53%2010.99-21.58m232.87-136.5c-19.19-4.55-27.31-7.4-38.62-15.57c-20.05-14.47-14.32-54.83-8.44-92.65c4.87-31.33%2016.22-63%2031.14-86.77c23.8-38%2048.47-44.46%2065-43.19C408.93%2017.63%20426%2026.78%20439%2042.61c22.08%2026.88%2029.9%2069.61%2022%20120.31c-5.35%2034.4-17.46%2072.76-31.59%2088.83s-35.13%2012.44-48%2010.56s-25.05-4.23-40.82-7.97m63.69%2040.5l-108.89-22.46c-9.2-1.9-16.58%203.16-20%2018.32c-11.21%2049.76%204.87%20109.3%2055.23%20109.3c47.69%200%2079.47-54.36%2084.66-83.58c2.36-13.25-1.02-19.53-11-21.58%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%22M130.54%20358.31c-12.83%201.88-33.95%205.38-48-10.56S56.34%20293.32%2051%20258.92c-7.88-50.7-.06-93.43%2022-120.31c13-15.83%2030.06-25%2049.34-26.46c16.51-1.27%2041.18%205.19%2065%2043.19c14.92%2023.81%2026.27%2055.44%2031.14%2086.77c5.88%2037.82%2011.61%2078.18-8.44%2092.65c-11.31%208.17-19.43%2011-38.62%2015.57c-15.78%203.75-28.04%206.09-40.88%207.98m-22.82%2032.53l108.89-22.46c9.2-1.9%2016.58%203.16%2020%2018.32c11.22%2049.76-4.86%20109.3-55.22%20109.3c-47.69%200-79.47-54.36-84.66-83.58c-2.37-13.25%201.01-19.53%2010.99-21.58m232.87-136.5c-19.19-4.55-27.31-7.4-38.62-15.57c-20.05-14.47-14.32-54.83-8.44-92.65c4.87-31.33%2016.22-63%2031.14-86.77c23.8-38%2048.47-44.46%2065-43.19C408.93%2017.63%20426%2026.78%20439%2042.61c22.08%2026.88%2029.9%2069.61%2022%20120.31c-5.35%2034.4-17.46%2072.76-31.59%2088.83s-35.13%2012.44-48%2010.56s-25.05-4.23-40.82-7.97m63.69%2040.5l-108.89-22.46c-9.2-1.9-16.58%203.16-20%2018.32c-11.21%2049.76%204.87%20109.3%2055.23%20109.3c47.69%200%2079.47-54.36%2084.66-83.58c2.36-13.25-1.02-19.53-11-21.58%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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