hiking icon

Hiking: hiking, trekking, hike, backpacking. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

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.146 7.146C7.246 7.047 7.364 6.997 7.5 6.997C7.636 6.997 7.754 7.047 7.854 7.146L9.707 9L11.191 9L11.053 8.724C10.99 8.598 10.98 8.47 11.023 8.341C11.066 8.212 11.15 8.116 11.276 8.053C11.402 7.99 11.53 7.98 11.659 8.023C11.788 8.066 11.884 8.15 11.947 8.276L14.947 14.276C15.01 14.402 15.02 14.53 14.977 14.659C14.934 14.788 14.85 14.884 14.724 14.947C14.598 15.01 14.47 15.02 14.341 14.977C14.212 14.934 14.116 14.85 14.053 14.724L11.691 10L9.5 10C9.362 10 9.244 9.951 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 9.5C7 9.914 6.854 10.268 6.561 10.561C6.268 10.854 5.914 11 5.5 11C5.086 11 4.732 10.854 4.439 10.561C4.146 10.268 4 9.914 4 9.5L4 8.5C4 8.086 4.146 7.732 4.439 7.439C4.732 7.146 5.086 7 5.5 7C5.914 7 6.268 7.146 6.561 7.439C6.854 7.732 7 8.086 7 8.5L7 7.5C7 7.362 7.049 7.244 7.146 7.146Z"/></svg>

React

// Gentleface "hiking" (line-round), MIT. https://gentleface.com/icons/hiking
import type { SVGProps } from 'react';

export function HikingIcon(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.146 7.146C7.246 7.047 7.364 6.997 7.5 6.997C7.636 6.997 7.754 7.047 7.854 7.146L9.707 9L11.191 9L11.053 8.724C10.99 8.598 10.98 8.47 11.023 8.341C11.066 8.212 11.15 8.116 11.276 8.053C11.402 7.99 11.53 7.98 11.659 8.023C11.788 8.066 11.884 8.15 11.947 8.276L14.947 14.276C15.01 14.402 15.02 14.53 14.977 14.659C14.934 14.788 14.85 14.884 14.724 14.947C14.598 15.01 14.47 15.02 14.341 14.977C14.212 14.934 14.116 14.85 14.053 14.724L11.691 10L9.5 10C9.362 10 9.244 9.951 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 9.5C7 9.914 6.854 10.268 6.561 10.561C6.268 10.854 5.914 11 5.5 11C5.086 11 4.732 10.854 4.439 10.561C4.146 10.268 4 9.914 4 9.5L4 8.5C4 8.086 4.146 7.732 4.439 7.439C4.732 7.146 5.086 7 5.5 7C5.914 7 6.268 7.146 6.561 7.439C6.854 7.732 7 8.086 7 8.5L7 7.5C7 7.362 7.049 7.244 7.146 7.146Z" />
    </svg>
  );
}

Vue

Vue: see /icons/hiking.md

Svelte

Svelte: see /icons/hiking.md

HTML img

HTML img: see /icons/hiking.md

CSS

CSS: see /icons/hiking.md

Data URL

Data URL: see /icons/hiking.md

Sprite

Sprite: see /icons/hiking.md

SwiftUI

SwiftUI: see /icons/hiking.md

Compose

Compose: see /icons/hiking.md

Android XML

Android XML: see /icons/hiking.md

Flutter

Flutter: see /icons/hiking.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

hiking, trekking, hike, backpacking

Alternatives

mountain: a mountain or terrain
footprints: a trail or tracks
walking: walking or walking directions

Also fits

footprints: hiking as an activity
walking: hiking or trekking
mountain: hiking or trekking
backpack: hiking as an activity

Tags

hiking, hike, trekking, trek, hiker, backpacking, walking-stick, trail, outdoors, person, activity

Category

Games & sports

Component name

HikingIcon

History

2026-10-15 added

More games & sports icons

american-football baseball basketball bomb bowling boxing-glove chess-bishop chess-king chess-knight chess-pawn chess-queen chess-rook club cricket dice dumbbell · all games & sports icons

For agents

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

hiking icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More games & sports icons

For agents

hiking icon