Hiking Broken icon

solar:hiking-broken

The Hiking Broken icon (solar:hiking-broken) 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: hikingbroken

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="M19 10.4997L17.9157 11.4033C17.3138 11.9049 17.0129 12.1556 16.6859 12.275C16.2429 12.4367 15.7571 12.4367 15.3142 12.275C14.9871 12.1556 14.6862 11.9049 14.0844 11.4033L14.003 11.3355C13.774 11.1447 13.6595 11.0493 13.4813 10.9253C13.1666 10.7063 12.6052 10.4221 12.2424 10.2981C12.0369 10.2279 12.1315 10.2513 12.0937 10.2419C11.6806 10.1397 11.4741 10.0886 11.3087 10.103C11.0025 10.1295 10.6133 10.404 10.4855 10.6836C10.4165 10.8346 10.4028 10.9717 10.3754 11.2459L10.2132 12.8676C10.1264 13.7355 10.083 14.1695 10.2049 14.5592C10.266 14.7545 10.3567 14.9393 10.4738 15.1071C10.7075 15.4419 11.0774 15.673 11.8171 16.1354C12.7148 16.6964 13.1636 16.9769 13.4812 17.3715C13.6409 17.57 13.7748 17.788 13.8794 18.0204C14.0874 18.4822 14.1343 19.0094 14.2282 20.0638L14.4004 21.9997"/><path stroke-linecap="round" d="M19 15V8M19 22V19"/><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 Broken icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in Solar

Hiking Broken icon FAQ

Is the Hiking Broken 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 Broken icon in React?

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

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

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

Browse all Solar icons →