Hiking Linear icon

solar:hiking-linear

The Hiking Linear icon (solar:hiking-linear) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Sports
Tags: hikinglinear

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="11.5" cy="4.5" r="2.5"/><path stroke-linecap="round" d="M9 17.5L6 22"/><path stroke-linecap="round" stroke-linejoin="round" d="M18.9998 10.4997L17.9154 11.4033C17.3136 11.9049 17.0127 12.1556 16.6856 12.275C16.2427 12.4367 15.7569 12.4367 15.3139 12.275C14.9869 12.1556 14.686 11.9049 14.0841 11.4033L14.0028 11.3355C13.7738 11.1447 13.6593 11.0493 13.481 10.9253C13.1663 10.7063 12.6049 10.4221 12.2421 10.2981C12.0366 10.2279 12.1313 10.2513 12.0934 10.2419C11.6804 10.1397 11.4738 10.0886 11.3085 10.103C11.0022 10.1295 10.613 10.404 10.4853 10.6836C10.4163 10.8346 10.4026 10.9717 10.3752 11.2459L10.213 12.8676C10.1262 13.7355 10.0828 14.1695 10.2046 14.5592C10.2657 14.7545 10.3564 14.9393 10.4736 15.1071C10.7073 15.4419 11.0771 15.673 11.8168 16.1354C12.7145 16.6964 13.1634 16.9769 13.4809 17.3715C13.6407 17.57 13.7745 17.788 13.8792 18.0204C14.0872 18.4822 14.1341 19.0094 14.2279 20.0638L14.4002 21.9997"/><path stroke-linecap="round" d="M19 22V8"/><path stroke-linecap="round" d="M8 10L6.328 10.5573C5.53493 10.8217 5 11.5639 5 12.3998C5 12.7677 5.20781 13.1039 5.5368 13.2684L8 14.5"/></g></svg>

How to use the Hiking Linear icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:hiking-linear" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:hiking-linear" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:hiking-linear" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--hiking-linear]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:hiking-linear"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:hiking-linear"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/hiking-linear.svg" alt="Hiking Linear icon" width="24" height="24">

Related icons in Solar

Hiking Linear icon FAQ

Is the Hiking Linear icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Hiking Linear icon in React?

Install @iconify/react and render <Icon icon="solar:hiking-linear" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Hiking Linear icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/hiking-linear.svg" alt="Hiking Linear icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →