Camping icon

fxemoji:camping

The Camping icon (fxemoji:camping) 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="#BFBCAF" d="M168.465 391.022h314.59c3.747 0 5.954-4.206 3.825-7.29L329.585 130.298c-1.848-2.676-5.803-2.676-7.651 0L164.639 383.733c-2.128 3.083.079 7.289 3.826 7.289"/><path fill="#FF473E" d="m202.068 323.393l4.403.034h243.105l-9.301-14.786h-229.25zm-10.114 16.33l-9.177 14.786h285.965l-9.177-14.786z"/><path fill="#2B3B47" d="m325.76 163.418l-81.528 227.604h81.528z"/><path fill="#8E6049" d="M167.007 390.233a4.63 4.63 0 0 1-3.442-1.525l-18.192-20.084a4.642 4.642 0 0 1 6.881-6.233l18.192 20.084a4.642 4.642 0 0 1-3.439 7.758m320.948-1.526l18.192-20.084a4.642 4.642 0 0 0-6.881-6.233l-18.192 20.084a4.642 4.642 0 0 0 6.881 6.233m-71.075 0l18.192-20.084a4.642 4.642 0 0 0-6.881-6.233l-18.192 20.084a4.642 4.642 0 0 0 6.881 6.233"/><path fill="#BFBCAF" d="M502.091 373.401h-10.192a1.85 1.85 0 0 1 0-3.698h6.601L325.76 127.936L153.02 369.704h7.689a1.848 1.848 0 0 1 0 3.698h-11.282a1.847 1.847 0 0 1-1.504-2.923l176.332-246.795c.693-.971 2.314-.971 3.008 0l176.332 246.795a1.85 1.85 0 0 1 .14 1.92a1.85 1.85 0 0 1-1.644 1.002"/><path fill="#E5E4DF" d="m244.232 391.022l67.132-187.414s-55.829 116.389-104.42 152.532c-.001-.001 13.877 34.882 37.288 34.882m187.4-17.621h-13.004a1.85 1.85 0 0 1 0-3.698h10.2L324.061 125.486a1.848 1.848 0 1 1 3.397-1.457l105.873 246.795a1.848 1.848 0 0 1-1.699 2.577"/><path fill="#8E6049" d="M66.544 385.448v-88.937c0-7.432 6.026-13.465 13.462-13.465s13.462 6.033 13.462 13.465v88.937c0 7.432-26.924 7.432-26.924 0"/><path fill="#2BA52E" d="M153.405 350.217c.645-.774 1.043-1.521 1.221-2.243c1.22-3.166.919-7.112-1.688-9.973c-12.92-14.182-26.929-35.896-39.542-57.818c7.133 2.404 14.385 3.848 20.978 4.686c5.99.761 9.498-7.81 5.093-12.645c-11.27-12.37-23.536-31.638-34.411-50.762c6.037 2.165 12.235 3.425 17.831 4.137c4.733.602 7.504-6.171 4.024-9.991c-14.949-16.409-32.118-48.173-42.569-68.975c-.419-1.343-1.237-2.356-2.226-2.992l-.045-.028a5 5 0 0 0-.926-.458a4.2 4.2 0 0 0-1.063-.242a4.3 4.3 0 0 0-.844 0a4.2 4.2 0 0 0-1.063.242a4.7 4.7 0 0 0-.926.458l-.045.028c-.99.636-1.807 1.648-2.226 2.992c-10.452 20.802-27.62 52.566-42.569 68.975c-3.48 3.82-.709 10.592 4.024 9.991c5.597-.711 11.795-1.971 17.831-4.137c-10.875 19.124-23.141 38.392-34.411 50.762c-4.405 4.835-.897 13.407 5.093 12.645c6.593-.838 13.844-2.281 20.978-4.686c-12.613 21.922-26.622 43.636-39.542 57.818c-4.044 4.44-2.544 11.491 1.594 14.182c17.751 18.496 40.411 19.935 72.029 19.935c32.498 0 58.336-5.34 72.388-20.759a8.4 8.4 0 0 0 1.012-1.142"/></svg>

How to use the Camping icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Camping icon in other icon sets

Camping icon FAQ

Is the Camping 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 Camping icon in React?

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

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

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

Browse all Firefox OS Emoji icons →