gentleface

Gentleface › Maps & places › walking

walking icon

Walking: walking, walking directions, pedestrian, walk. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

Code line-round

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M7.14 3.264C7.242 3.007 7.391 2.781 7.586 2.586C7.781 2.391 8.007 2.242 8.264 2.14C8.5 2.047 8.746 2 9 2C9.254 2 9.5 2.047 9.736 2.14C9.993 2.242 10.219 2.391 10.414 2.586C10.609 2.781 10.758 3.007 10.86 3.264C10.953 3.5 11 3.746 11 4C11 4.254 10.953 4.5 10.86 4.736C10.758 4.993 10.609 5.219 10.414 5.414C10.219 5.609 9.993 5.758 9.736 5.86C9.5 5.953 9.254 6 9 6C8.746 6 8.5 5.953 8.264 5.86C8.007 5.758 7.781 5.609 7.586 5.414C7.391 5.219 7.242 4.993 7.14 4.736C7.047 4.5 7 4.254 7 4C7 3.746 7.047 3.5 7.14 3.264ZM7.276 7.053C7.374 7.004 7.475 6.988 7.58 7.005C7.685 7.022 7.777 7.069 7.854 7.146L9.796 9.089L11.724 10.053C11.85 10.116 11.934 10.212 11.977 10.341C12.02 10.47 12.01 10.598 11.947 10.724C11.884 10.85 11.788 10.934 11.659 10.977C11.53 11.02 11.402 11.01 11.276 10.947L9.276 9.947C9.228 9.923 9.185 9.892 9.146 9.854L8 8.707L8 10.293L9.854 12.146C9.892 12.185 9.923 12.228 9.947 12.276L10.947 14.276C11.01 14.402 11.02 14.53 10.977 14.659C10.934 14.788 10.85 14.884 10.724 14.947C10.598 15.01 10.47 15.02 10.341 14.977C10.212 14.934 10.116 14.85 10.053 14.724L9.089 12.796L7.637 11.344L5.947 14.724C5.885 14.847 5.789 14.931 5.658 14.974C5.527 15.018 5.4 15.009 5.276 14.947C5.15 14.884 5.066 14.788 5.023 14.659C4.98 14.53 4.99 14.402 5.053 14.276L7 10.382L7 8.309L5.873 8.873L4.947 10.724C4.885 10.847 4.789 10.931 4.658 10.974C4.527 11.018 4.4 11.009 4.276 10.947C4.15 10.884 4.066 10.788 4.023 10.659C3.98 10.53 3.99 10.402 4.053 10.276L5.053 8.276C5.102 8.177 5.177 8.102 5.276 8.053L7.276 7.053Z"/></svg>
React
// Gentleface "walking" (line-round), MIT. https://gentleface.com/icons/walking
import type { SVGProps } from 'react';

export function WalkingIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M7.14 3.264C7.242 3.007 7.391 2.781 7.586 2.586C7.781 2.391 8.007 2.242 8.264 2.14C8.5 2.047 8.746 2 9 2C9.254 2 9.5 2.047 9.736 2.14C9.993 2.242 10.219 2.391 10.414 2.586C10.609 2.781 10.758 3.007 10.86 3.264C10.953 3.5 11 3.746 11 4C11 4.254 10.953 4.5 10.86 4.736C10.758 4.993 10.609 5.219 10.414 5.414C10.219 5.609 9.993 5.758 9.736 5.86C9.5 5.953 9.254 6 9 6C8.746 6 8.5 5.953 8.264 5.86C8.007 5.758 7.781 5.609 7.586 5.414C7.391 5.219 7.242 4.993 7.14 4.736C7.047 4.5 7 4.254 7 4C7 3.746 7.047 3.5 7.14 3.264ZM7.276 7.053C7.374 7.004 7.475 6.988 7.58 7.005C7.685 7.022 7.777 7.069 7.854 7.146L9.796 9.089L11.724 10.053C11.85 10.116 11.934 10.212 11.977 10.341C12.02 10.47 12.01 10.598 11.947 10.724C11.884 10.85 11.788 10.934 11.659 10.977C11.53 11.02 11.402 11.01 11.276 10.947L9.276 9.947C9.228 9.923 9.185 9.892 9.146 9.854L8 8.707L8 10.293L9.854 12.146C9.892 12.185 9.923 12.228 9.947 12.276L10.947 14.276C11.01 14.402 11.02 14.53 10.977 14.659C10.934 14.788 10.85 14.884 10.724 14.947C10.598 15.01 10.47 15.02 10.341 14.977C10.212 14.934 10.116 14.85 10.053 14.724L9.089 12.796L7.637 11.344L5.947 14.724C5.885 14.847 5.789 14.931 5.658 14.974C5.527 15.018 5.4 15.009 5.276 14.947C5.15 14.884 5.066 14.788 5.023 14.659C4.98 14.53 4.99 14.402 5.053 14.276L7 10.382L7 8.309L5.873 8.873L4.947 10.724C4.885 10.847 4.789 10.931 4.658 10.974C4.527 11.018 4.4 11.009 4.276 10.947C4.15 10.884 4.066 10.788 4.023 10.659C3.98 10.53 3.99 10.402 4.053 10.276L5.053 8.276C5.102 8.177 5.177 8.102 5.276 8.053L7.276 7.053Z" />
    </svg>
  );
}
Vue
Vue: see /icons/walking.md
Svelte
Svelte: see /icons/walking.md
HTML img
HTML img: see /icons/walking.md
CSS
CSS: see /icons/walking.md
Data URL
Data URL: see /icons/walking.md
Sprite
Sprite: see /icons/walking.md
SwiftUI
SwiftUI: see /icons/walking.md
Compose
Compose: see /icons/walking.md
Android XML
Android XML: see /icons/walking.md
Flutter
Flutter: see /icons/walking.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for
walking, walking directions, pedestrian, walk, on foot, walking route
Alternatives
  • running: running or jogging
  • hiking: hiking or trekking
  • footprints: a trail, tracks or step count
  • car: driving directions
  • bus: public transport directions
Also fits
  • hiking: walking or walking directions
  • running: walking or walking directions
  • footprints: walking or a pedestrian
Tags
walking, walk, pedestrian, person, on-foot, directions, steps, hike
Category
Maps & places
Component name
WalkingIcon
History
  • added

More maps & places icons

binoculars bridge compass crosshair flag flag-check flag-clock flag-off flag-plus flag-swallowtail footprints globe globe-arrow-up globe-check globe-gear globe-lock · all maps & places icons

For agents

Metadata: /icons/walking.json · Markdown: /icons/walking.md · SVG: https://gentleface.com/svg/{style}/16/walking.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/walking.png

Feedback