Climbing アイコン
map:climbing
Climbing アイコン(map:climbing)は、Map Icons セットの無料 SVG アイコンです（作者: Scott de Jonge）。 50 × 50 のグリッドで描かれています。 Map Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Map Icons
- 作者
- Scott de Jonge
- ライセンス
- OFL-1.1
- サイズ
- 50 × 50
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="M6.432 21.55a5.2 5.2 0 0 0-.519 2.261l.193 12.125l-4.205 9.024a2.7 2.7 0 0 0-.301.902a2.723 2.723 0 0 0 2.295 3.105a2.72 2.72 0 0 0 2.803-1.386l4.626-9.864c.096-.229.182-.47.217-.734l.025-.372l-.036-7.496l7.109 3.092l1.148 7.326a2.725 2.725 0 0 0 2.259 2.106a2.75 2.75 0 0 0 3.118-2.285c.035-.253.035-.506.011-.746l-1.401-8.844a2.76 2.76 0 0 0-1.534-1.962l-6.354-2.812l4.046-7.014l2.007 2.539c.205.228.471.421.772.541l7.648 2.225a2.154 2.154 0 0 0 2.452-1.286a2.15 2.15 0 0 0-1.183-2.803l-.109-.036l-6.645-1.949l-5.002-5.979a5.07 5.07 0 0 0-2.911-1.541a4.99 4.99 0 0 0-4.972 2.298zm21.939 17.384l-.483 3.633l-13.156 3.187l.127 2.246h32.086A2.046 2.046 0 0 0 49 45.957l-.036-43.069l-4.396-1.022l-2.526 11.323l-4.223 1.768l-3.745 10.441l3.558 7.989l-1.002 3.067zM19.438 9.157c2.259 0 4.095-1.828 4.095-4.078C23.532 2.83 21.697 1 19.438 1s-4.096 1.83-4.096 4.079c-.001 2.25 1.836 4.078 4.096 4.078m-8.149.638a1.16 1.16 0 0 0-.435-1.588L8.872 7.052a1.185 1.185 0 0 0-1.607.433L1.153 17.989a1.163 1.163 0 0 0 .434 1.588l1.994 1.144a1.17 1.17 0 0 0 1.594-.422z"/></svg>Climbing アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="map:climbing" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="map:climbing" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="map:climbing" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[map--climbing]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/map -->
<div class="i-map:climbing"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="map:climbing"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/map/climbing.svg" alt="Climbing アイコン" width="24" height="24">他のアイコンセットの Climbing アイコン
Climbing アイコン のよくある質問
Climbing アイコンは商用利用でも無料ですか?
はい。Map Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Climbing アイコンを使うには?
@iconify/react をインストールして <Icon icon="map:climbing" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Climbing アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/map/climbing.svg" alt="Climbing アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。