Hiker アイコン
gis:hiker
Hiker アイコン(gis:hiker)は、Font-GIS セットの無料 SVG アイコンです(作者: Jean-Marc Viglino)。 100 × 100 のグリッドで描かれています。 Font-GIS icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font-GIS
- 作者
- Jean-Marc Viglino
- ライセンス
- CC-BY-4.0
- サイズ
- 100 × 100
- カテゴリ
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" fill-rule="evenodd" d="M46.43 7.5c4.055 0 7.337 3.379 7.337 7.434s-3.282 7.433-7.337 7.433s-7.434-3.379-7.434-7.433S42.376 7.5 46.43 7.5m.483 15.543c2.79-.087 4.947 1.649 6.082 3.476l7.723 12.84l13.516 5.696c3.861 1.64 2.027 6.757-2.317 5.599a5 5 0 0 0-.483-.29l-9.075 20.08s2.896 6.662 6.565 14.193c3.572 7.626-5.117 10.909-8.303 3.861l-3.185-7.144l-4.634 10.137l-1.931-.869l5.406-11.778l-9.075-19.79c-.386.096-.772 0-1.255 0c0 0-10.523 23.941-13.42 30.217c-2.799 6.275-11.101 2.51-8.302-3.67c2.8-6.178 16.123-36.202 16.123-36.202l-9.903.162c-1.5.013-1.859-.226-1.954-1.35c-.153-2.97-.415-9.958.272-13.197c.886-4.175 1.415-8.77 4.344-10.137s8.013 2.414 8.013 2.414c.772-2.51 3.186-4.248 5.793-4.248m5.985 15.06V49.69l8.303 18.15l8.302-18.247l-12.067-5.02c-.58-.29-1.062-.676-1.449-1.255z" color="currentColor"/></svg>Hiker アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="gis:hiker" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gis:hiker" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gis:hiker" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gis--hiker]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gis -->
<div class="i-gis:hiker"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gis:hiker"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/gis/hiker.svg" alt="Hiker アイコン" width="24" height="24">Hiker アイコン のよくある質問
Hiker アイコンは商用利用でも無料ですか?
はい。Font-GIS icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Hiker アイコンを使うには?
@iconify/react をインストールして <Icon icon="gis:hiker" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hiker アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/gis/hiker.svg" alt="Hiker アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。