Hiking Linear アイコン

Q: Hiking Linear アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:hiking-linear

Hiking Linear アイコン(solar:hiking-linear)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: スポーツ
タグ: hikinglinear

SVG をダウンロード

SVG コード

<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>

Hiking Linear アイコンの使い方

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 コンポーネント

<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 画像

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

Solar の関連アイコン

Hiking Linear アイコンのよくある質問

Hiking Linear アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Hiking Linear アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:hiking-linear" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Hiking Linear アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/hiking-linear.svg" alt="Hiking Linear アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコンをすべて見る →