Mountain Path アイコン

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

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:mountain-path

Mountain Path アイコン(arcticons:mountain-path)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48
タグ: mountainpath

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="24" cy="24" r="21.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.97 23.573c.015.146.043.438.311 1.174c.269.736.778 1.916 1.266 2.866s.953 1.67 1.28 2.4c.325.73.512 1.47.974 2.159c.463.69 1.202 1.33 3.065.687c1.864-.642 4.678-2.455 6.301-4.126s1.694-2.757 1.849-3.292c.154-.534.378-.287.626-.309s.522-.314.926-1.227s.938-2.447 1.003-3.75c.065-1.305-.339-2.38-.91-2.805c-.57-.425-.681-.391-1.187-2.437s-.697-4.332-2.47-6.381s-5.045-2.86-7.61-2.068s-4.426 3.185-5.236 5.712s-.572 5.187-.659 6.586s-.468 1.526-.461 2.099c.006.572.462 1.57.69 2.068s.229.498.243.644Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.521 20.33c.202-.395.404-.79 1.228-.965s1.992-.137 2.55.548s.366 2.014.23 2.854c-.134.84-.214 1.19-.081 1.454s.476.437.82.611"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.547 27.613c.325-.495.65-.99 1.341-1.333c.69-.343 1.746-.533 2.967-.674s2.607-.23 3.568-.1s1.497.481 2.244.253c.746-.229 1.704-1.037 2.2-2.2c.496-1.165.531-2.684.33-3.685s-.642-1.485-1.178-2.266c-.535-.782-1.168-1.862-1.506-2.811s-.382-1.766-.751-2.275c-.369-.51-1.063-.712-2.235-.729s-2.824.15-4.388.513s-2.883.867-4.359 1.428m4.222 14.438c.674.103 1.336.204 2.133.052s1.661-.541 2.566-.95"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24.318 18.486c.58-.386 1.16-.773 1.87-.86c.712-.088 1.556.123 2.056.395s.659.606.817.94m-3.635 1.21c-.02-.403.4-.868 1.284-.917c.885-.05 1.655.319 1.677.746s-.88.735-1.635.776s-1.304-.202-1.326-.605m-6.596 1.258c.174-.281.63-.624 1.149-.733c.518-.11 1.098.013 1.247.272s-.132.654-.595.874s-1.11.263-1.487.175c-.377-.087-.487-.307-.314-.588m14.724-1.545c.413.351.826.703.772 1.222c-.055.52-.425 1.008-.84 1.557m-.578-4.15c.053-.44.105-.879.289-1.183c.183-.304.498-.473.812-.642m-10.047 7c.364-.1.728-.2.956-.161c.23.039.323.217.417.396m6.521 4.024c.83 1.383 1.5 2.502 2.846 3.075s2.754.3 4.109.885s2.174 1.685 3.266 3.147M5.67 34.7c1.565-1.802 3.13-3.603 5.596-4.532s5.784-.985 9.11-1.042m8.237 7.226c1.133-.29 2.266-.58 3.28-1.4s1.911-2.17 2.808-3.52"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.199 29.21c.52 1.256 1.04 2.513 2.16 3.712s2.842 2.34 4.564 3.482m-13.89 3.941l1.079-2.972m22.56 3.774l-.62 2.354"/></svg>

Mountain Path アイコンの使い方

React

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

<Icon icon="arcticons:mountain-path" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:mountain-path" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:mountain-path" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--mountain-path]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:mountain-path"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:mountain-path"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/mountain-path.svg" alt="Mountain Path アイコン" width="24" height="24">

Arcticons の関連アイコン

Mountain Path アイコンのよくある質問

Mountain Path アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Mountain Path アイコンを使うには?

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

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

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

Arcticons をすべて見る →