ICONYZ
Español
Icono Tent de Firefox OS Emoji

Icono Tent

fxemoji:tent

El icono Tent (fxemoji:tent) es un icono SVG gratuito de la colección Firefox OS Emoji de Mozilla. Está dibujado en una cuadrícula de 512 × 512. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, 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
Firefox OS Emoji
Autor
Mozilla
Licencia
Apache-2.0
Tamaño
512 × 512
Categoría
Lugares
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#2B3B47" d="M500.951 489.617c0 6.6-5.4 12-12 12H21.716c-6.6 0-12-5.4-12-12V22.383c0-6.6 5.4-12 12-12H488.95c6.6 0 12 5.4 12 12"/><path fill="#1E771E" d="M9.716 489.617c0 6.6 5.4 12 12 12H488.95c6.6 0 12-5.4 12-12V265.429H9.716z"/><path fill="#FFB636" d="M62.86 425.996h389.77c4.643 0 7.377-5.211 4.739-9.032L262.485 102.963c-2.29-3.316-7.189-3.316-9.479 0L58.121 416.964c-2.638 3.82.097 9.032 4.739 9.032"/><path fill="#E2A042" d="M351.145 425.996H452.63c4.643 0 7.377-5.211 4.739-9.032L262.485 102.963c-2.29-3.316-7.189-3.316-9.479 0l93.4 314.001s.096 9.032 4.739 9.032"/><path fill="#2B3B47" d="m257.745 143.999l-101.01 281.997h101.01z"/><path fill="#593D33" d="M61.054 430.588a5.74 5.74 0 0 1-4.265-1.89l-22.54-24.885a5.751 5.751 0 0 1 8.526-7.723l22.54 24.885a5.751 5.751 0 0 1-4.261 9.613m397.647-3.004l22.54-24.885a5.752 5.752 0 0 0-8.525-7.723l-22.54 24.885a5.752 5.752 0 0 0 8.525 7.723m-88.058 3.342l22.54-24.885a5.752 5.752 0 0 0-8.525-7.723l-22.54 24.885a5.752 5.752 0 0 0 8.525 7.723"/><path fill="#BFBCAF" d="M53.251 409.732H39.274a2.292 2.292 0 0 1-1.875-3.605L255.871 94.783a2.29 2.29 0 0 1 1.873-.975h.002c.745 0 1.443.362 1.872.972l218.471 310.23a2.288 2.288 0 0 1-1.872 3.608h-12.629a2.29 2.29 0 1 1 0-4.58h8.216L257.748 100.081L43.678 405.152h9.573a2.29 2.29 0 1 1 0 4.58"/><path fill="#FFE1AB" d="m156.735 425.996l83.175-232.203s-69.171 144.204-129.375 188.983c-.001.001 17.193 43.22 46.2 43.22"/><path fill="#E5E4DF" d="M388.92 411.96h-16.112a2.29 2.29 0 1 1 0-4.58h12.672L255.633 96.982a2.29 2.29 0 0 1 4.225-1.768l131.175 313.571c.296.707.219 1.515-.206 2.152s-1.14 1.023-1.907 1.023"/><path fill="#597B91" d="M71.995 96.397c0 8.232-6.673 14.904-14.904 14.904s-14.904-6.673-14.904-14.904s6.673-14.904 14.904-14.904s14.904 6.673 14.904 14.904m296.14 44.57c-8.232 0-14.904 6.673-14.904 14.904s6.673 14.904 14.904 14.904s14.904-6.673 14.904-14.904s-6.673-14.904-14.904-14.904M130.117 129.97a7.677 7.677 0 1 0 0 15.354a7.677 7.677 0 0 0 0-15.354"/><path fill="#F7F9AA" d="M130.117 57.147a7.677 7.677 0 1 1-15.354 0a7.677 7.677 0 0 1 15.354 0m311.065 152.58a7.677 7.677 0 1 0 7.677 7.677a7.676 7.676 0 0 0-7.677-7.677M92.794 188.135l-3.868 7.837a2.66 2.66 0 0 1-2.003 1.455l-8.649 1.257c-2.182.317-3.053 2.998-1.474 4.537l6.259 6.101c.627.611.913 1.491.765 2.354l-1.477 8.614c-.373 2.173 1.908 3.83 3.859 2.804l7.736-4.067a2.66 2.66 0 0 1 2.475 0l7.736 4.067c1.951 1.026 4.232-.631 3.859-2.804l-1.477-8.614a2.66 2.66 0 0 1 .765-2.354l6.259-6.101c1.579-1.539.708-4.22-1.474-4.537l-8.649-1.257a2.66 2.66 0 0 1-2.003-1.455l-3.868-7.837c-.976-1.977-3.795-1.977-4.771 0M335.765 52.392c-6.866 0-12.432 5.566-12.432 12.432s5.566 12.432 12.432 12.432s12.432-5.566 12.432-12.432s-5.566-12.432-12.432-12.432M199.287 71.985a7.953 7.953 0 1 0 0 15.907a7.953 7.953 0 0 0 0-15.907m233.157-33.049c-10.734 0-20.6 3.695-28.416 9.87a37 37 0 0 1 2.717-.112c19.957 0 36.136 16.178 36.136 36.136s-16.178 36.136-36.136 36.136c-.915 0-1.819-.045-2.717-.112c7.817 6.174 17.682 9.87 28.416 9.87c25.346 0 45.893-20.547 45.893-45.893s-20.547-45.895-45.893-45.895"/></svg>

Cómo usar el icono Tent

React

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

<Icon icon="fxemoji:tent" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:tent" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:tent" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--tent]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:tent"></div>

Web component

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

<iconify-icon icon="fxemoji:tent"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/fxemoji/tent.svg" alt="Icono Tent" width="24" height="24">

El icono Tent en otras colecciones

Preguntas frecuentes sobre Icono Tent

¿El icono Tent es gratis para uso comercial?

Sí. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Tent en React?

Instala @iconify/react y renderiza <Icon icon="fxemoji:tent" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Tent a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fxemoji/tent.svg" alt="Icono Tent">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Firefox OS Emoji →