Icono Mountain
flat-ui:mountain
El icono Mountain (flat-ui:mountain) es un icono SVG gratuito de la colección Flat UI Icons de Designmodo, Inc.. Está dibujado en una cuadrícula de 100 × 100. Flat UI Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Flat UI Icons
- Autor
- Designmodo, Inc.
- Licencia
- MIT
- Tamaño
- 100 × 100
Código 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>
Cómo usar el icono 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 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>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/flat-ui/mountain.svg" alt="Icono Mountain" width="24" height="24">
El icono Mountain en otras colecciones
Preguntas frecuentes sobre Icono Mountain
¿El icono Mountain es gratis para uso comercial?
Sí. Flat UI Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Mountain en React?
Instala @iconify/react y renderiza <Icon icon="flat-ui:mountain" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Mountain a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/flat-ui/mountain.svg" alt="Icono Mountain">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Flat UI Icons →
ICONYZ
