Tent icon

fxemoji:tent

The Tent icon (fxemoji:tent) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 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: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Places

Download SVG

SVG code

<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>

How to use the Tent icon

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>

HTML image

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

Tent icon in other icon sets

Tent icon FAQ

Is the Tent icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Tent icon in React?

Install @iconify/react and render <Icon icon="fxemoji:tent" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Tent icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/tent.svg" alt="Tent icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →