Mountain アイコン

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

はい。Flat UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

flat-ui:mountain

Mountain アイコン(flat-ui:mountain)は、Flat UI Icons セットの無料 SVG アイコンです（作者: Designmodo, Inc.）。 100 × 100 のグリッドで描かれています。 Flat UI Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Flat UI Icons
作者: Designmodo, Inc.
ライセンス: MIT
サイズ: 100 × 100

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><clipPath id="SVGlgah6cRj"><circle cx="50" cy="50" r="50"/></clipPath><g fill-rule="evenodd" clip-path="url(#SVGlgah6cRj)" clip-rule="evenodd"><circle cx="50" cy="50" r="50" fill="#316EAC"/><path fill="#fff" d="M14.084 107.072a2 2 0 0 1-2-1.977L12.023 100H7a2 2 0 0 1-2-2V78c0-.323.078-.642.229-.928l11-21c.16-.306.396-.564.685-.751l16.375-10.596L40.08 21.44a2 2 0 0 1 1.617-1.417L42 20a2 2 0 0 1 1.664.891l5.62 8.429l5.349 1.783c.452.151.837.459 1.082.869l13.971 23.285l8.285-4.971a1.997 1.997 0 0 1 2.629.514l12 16q.124.166.213.354l7 15a2 2 0 0 1-.599 2.436l-28.916 22.072c-.349.266-.775.41-1.214.41z"/><path fill="#fff" d="M69.084 105.073h-55L14 98H7V78l11-21l17-11l7-24l6 9l6 2l15 25l10-6l12 16l7 15z"/><path fill="#6BC8F2" d="M8 108a2 2 0 0 1-2-2V76a2 2 0 0 1 .211-.895l10-20a2 2 0 0 1 .703-.784l16.328-10.565l5.813-24.222A2 2 0 0 1 41 18h.039a2 2 0 0 1 1.923 1.607l3 15q.058.295.028.593l-1 10a2 2 0 0 1-.111.484l-4 11l-4.81 13.468l2.891 14.456c.068.342.046.695-.063 1.025L35 97.324V106a2 2 0 0 1-2 2zm62.998-25c-.337 0-.678-.085-.99-.264l-7-4a2 2 0 0 1-.924-2.311l6-20c.15-.5.489-.921.944-1.174l9-5a2.01 2.01 0 0 1 1.987.025c.61.36.985 1.015.985 1.724v17c0 .395-.117.781-.336 1.109l-8 12a2 2 0 0 1-1.666.891"/><path fill="#6BC8F2" d="m70 57l-6 20l7 4l8-12V52zM35 45L18 56L8 76v30h25v-9l4-12l-3-15l5-14l4-11l1-10l-3-15z"/><circle cx="76.5" cy="29.5" r="1.5" fill="#fff" opacity=".2"/><circle cx="14.5" cy="40.5" r="1.5" fill="#fff" opacity=".1"/><circle cx="56.5" cy="15.5" r="1.5" fill="#fff" opacity=".43"/></g></svg>

Mountain アイコンの使い方

React

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

<Icon icon="flat-ui:mountain" width="24" />

Vue

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

<template>
  <Icon icon="flat-ui:mountain" width="24" />
</template>

Svelte

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

<Icon icon="flat-ui:mountain" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="flat-ui:mountain"></iconify-icon>

HTML 画像

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

他のアイコンセットの Mountain アイコン

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

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

はい。Flat UI Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Flat UI Icons をすべて見る →