footsteps icon

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

Name
footsteps-outline
Set
IonIcons
Style
Outline
Viewbox
512×512
License
MIT

2 other variants in IonIcons

footstepsfootsteps-sharp

The same icon in other sets

footstepsTabler Icons

Use the footsteps icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M200 246.84c8.81 58.62-7.33 90.67-52.91 97.41c-50.65 7.49-71.52-26.44-80.33-85.06c-11.85-78.88 16-127.94 55.71-131.1c36.14-2.87 68.71 60.14 77.53 118.75Zm23.65 162.69c3.13 33.28-14.86 64.34-42 69.66c-27.4 5.36-58.71-16.37-65.09-49.19s17.75-34.56 47.32-40.21s55.99-20.4 59.77 19.74ZM312 150.83c-8.81 58.62 7.33 90.67 52.9 97.41c50.66 7.49 71.52-26.44 80.33-85.06c11.86-78.89-16-128.22-55.7-131.1c-36.4-2.64-68.71 60.13-77.53 118.75Zm-23.65 162.7c-3.13 33.27 14.86 64.34 42 69.66c27.4 5.36 58.71-16.37 65.09-49.19s-17.75-34.56-47.32-40.22s-55.99-20.4-59.77 19.75Z"/></svg>

React

import type { SVGProps } from "react";

export function IonFootstepsOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" d="M200 246.84c8.81 58.62-7.33 90.67-52.91 97.41c-50.65 7.49-71.52-26.44-80.33-85.06c-11.85-78.88 16-127.94 55.71-131.1c36.14-2.87 68.71 60.14 77.53 118.75Zm23.65 162.69c3.13 33.28-14.86 64.34-42 69.66c-27.4 5.36-58.71-16.37-65.09-49.19s17.75-34.56 47.32-40.21s55.99-20.4 59.77 19.74ZM312 150.83c-8.81 58.62 7.33 90.67 52.9 97.41c50.66 7.49 71.52-26.44 80.33-85.06c11.86-78.89-16-128.22-55.7-131.1c-36.4-2.64-68.71 60.13-77.53 118.75Zm-23.65 162.7c-3.13 33.27 14.86 64.34 42 69.66c27.4 5.36 58.71-16.37 65.09-49.19s-17.75-34.56-47.32-40.22s-55.99-20.4-59.77 19.75Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M200 246.84c8.81 58.62-7.33 90.67-52.91 97.41c-50.65 7.49-71.52-26.44-80.33-85.06c-11.85-78.88 16-127.94 55.71-131.1c36.14-2.87 68.71 60.14 77.53 118.75Zm23.65 162.69c3.13 33.28-14.86 64.34-42 69.66c-27.4 5.36-58.71-16.37-65.09-49.19s17.75-34.56 47.32-40.21s55.99-20.4 59.77 19.74ZM312 150.83c-8.81 58.62 7.33 90.67 52.9 97.41c50.66 7.49 71.52-26.44 80.33-85.06c11.86-78.89-16-128.22-55.7-131.1c-36.4-2.64-68.71 60.13-77.53 118.75Zm-23.65 162.7c-3.13 33.27 14.86 64.34 42 69.66c27.4 5.36 58.71-16.37 65.09-49.19s-17.75-34.56-47.32-40.22s-55.99-20.4-59.77 19.75Z"/></svg>
</template>

CSS

.icon-footsteps-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%20512%20512%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%2232%22%20d%3D%22M200%20246.84c8.81%2058.62-7.33%2090.67-52.91%2097.41c-50.65%207.49-71.52-26.44-80.33-85.06c-11.85-78.88%2016-127.94%2055.71-131.1c36.14-2.87%2068.71%2060.14%2077.53%20118.75Zm23.65%20162.69c3.13%2033.28-14.86%2064.34-42%2069.66c-27.4%205.36-58.71-16.37-65.09-49.19s17.75-34.56%2047.32-40.21s55.99-20.4%2059.77%2019.74ZM312%20150.83c-8.81%2058.62%207.33%2090.67%2052.9%2097.41c50.66%207.49%2071.52-26.44%2080.33-85.06c11.86-78.89-16-128.22-55.7-131.1c-36.4-2.64-68.71%2060.13-77.53%20118.75Zm-23.65%20162.7c-3.13%2033.27%2014.86%2064.34%2042%2069.66c27.4%205.36%2058.71-16.37%2065.09-49.19s-17.75-34.56-47.32-40.22s-55.99-20.4-59.77%2019.75Z%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%22none%22%20stroke%3D%22currentColor%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%2232%22%20d%3D%22M200%20246.84c8.81%2058.62-7.33%2090.67-52.91%2097.41c-50.65%207.49-71.52-26.44-80.33-85.06c-11.85-78.88%2016-127.94%2055.71-131.1c36.14-2.87%2068.71%2060.14%2077.53%20118.75Zm23.65%20162.69c3.13%2033.28-14.86%2064.34-42%2069.66c-27.4%205.36-58.71-16.37-65.09-49.19s17.75-34.56%2047.32-40.21s55.99-20.4%2059.77%2019.74ZM312%20150.83c-8.81%2058.62%207.33%2090.67%2052.9%2097.41c50.66%207.49%2071.52-26.44%2080.33-85.06c11.86-78.89-16-128.22-55.7-131.1c-36.4-2.64-68.71%2060.13-77.53%20118.75Zm-23.65%20162.7c-3.13%2033.27%2014.86%2064.34%2042%2069.66c27.4%205.36%2058.71-16.37%2065.09-49.19s-17.75-34.56-47.32-40.22s-55.99-20.4-59.77%2019.75Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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