Mountain icon
flat-ui:mountain
The Mountain icon (flat-ui:mountain) is a free SVG icon from the Flat UI Icons set by Designmodo, Inc.. It is drawn on a 100 × 100 grid. Flat UI Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Flat UI Icons
- Author
- Designmodo, Inc.
- License
- MIT
- Size
- 100 × 100
SVG code
<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>
How to use the Mountain icon
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 component
<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 image
<img src="https://iconyz.com/api/public/svg/flat-ui/mountain.svg" alt="Mountain icon" width="24" height="24">
Mountain icon in other icon sets
Mountain icon FAQ
Is the Mountain icon free for commercial use?
Yes. Flat UI Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Mountain icon in React?
Install @iconify/react and render <Icon icon="flat-ui:mountain" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mountain icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/flat-ui/mountain.svg" alt="Mountain icon">, or paste the SVG code inline to style it with CSS.
Browse all Flat UI Icons →
ICONYZ
