Camping icon

twemoji:camping

The Camping icon (twemoji:camping) is a free SVG icon from the Twitter Emoji set by Twitter. It is drawn on a 36 × 36 grid. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Twitter Emoji
Author: Twitter
License: CC-BY-4.0
Size: 36 × 36
Category: Travel & Places

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#78b159" d="M18 25.18C3.438 25.18 0 29.844 0 32s1.791 4 4 4h28c2.209 0 4-1.851 4-4s-3.438-6.82-18-6.82"/><path fill="#662113" d="M28.804 28.15c0 1.531-1.242 2.08-2.773 2.08s-2.773-.548-2.773-2.08l.693-6.239c0-1.531.548-1.387 2.08-1.387c1.531 0 2.08-.145 2.08 1.387z"/><path fill="#5c913b" d="M34.868 19.717c-4.59-4.135-6.449-10.056-8.837-10.056s-4.247 5.921-8.836 10.056c-1.929 1.738-1.01 2.743 1.634 2.542c2.357-.179 4.561-.741 7.202-.741s4.846.563 7.202.741c2.644.201 3.563-.805 1.635-2.542"/><path fill="#3e721d" d="M33.377 18.078c-3.527-3.401-5.509-8.273-7.346-8.273s-3.818 4.872-7.345 8.273c-2.803 2.703 3.673 3.309 7.345 0c3.671 3.309 10.148 2.703 7.346 0"/><path fill="#5c913b" d="M33.377 15.323c-3.527-3.178-5.509-7.729-7.346-7.729s-3.818 4.551-7.345 7.729c-2.803 2.525 3.673 3.091 7.345 0c3.671 3.091 10.148 2.524 7.346 0"/><path fill="#3e721d" d="M31.766 13.066c-2.753-2.481-4.301-6.034-5.735-6.034c-1.433 0-2.981 3.553-5.735 6.034c-2.188 1.971 2.867 2.414 5.735 0c2.867 2.413 7.923 1.971 5.735 0"/><path fill="#5c913b" d="M31.766 11.001c-2.753-2.481-4.301-6.034-5.735-6.034c-1.433 0-2.981 3.553-5.735 6.034c-2.188 1.971 2.867 2.414 5.735 0c2.867 2.414 7.923 1.972 5.735 0"/><path fill="#3e721d" d="M30.659 9.168c-2.222-2.002-3.471-4.869-4.628-4.869s-2.406 2.867-4.628 4.869c-1.766 1.591 2.314 1.948 4.628 0c2.314 1.948 6.395 1.591 4.628 0"/><path fill="#5c913b" d="M30.659 7.614c-2.222-2.002-3.471-4.869-4.628-4.869s-2.406 2.867-4.628 4.869c-1.766 1.591 2.314 1.948 4.628 0c2.314 1.948 6.395 1.591 4.628 0"/><path fill="#3e721d" d="M29.553 5.326c-1.69-1.523-2.641-3.705-3.522-3.705S24.2 3.803 22.509 5.326c-1.344 1.211 1.761 1.482 3.522 0c1.761 1.483 4.866 1.211 3.522 0"/><path fill="#5c913b" d="M29.553 4.29C27.863 2.767 26.912.585 26.031.585S24.2 2.767 22.509 4.29c-1.344 1.211 1.761 1.482 3.522 0c1.761 1.482 4.866 1.211 3.522 0"/><path fill="#f4900c" d="M15.101 33c-.424 0-.802-.267-.944-.666L9.145 18.301a.96.96 0 0 1 .125-.896a.99.99 0 0 1 .82-.405h11.759c.401 0 .764.22.922.589l6.014 14.023A.994.994 0 0 1 27.862 33z"/><path fill="#ffcc4d" d="M4.075 33a1.005 1.005 0 0 1-.921-1.398L9.172 17.56a1.002 1.002 0 0 1 1.843 0l6.018 14.041A1.006 1.006 0 0 1 16.111 33z"/><path fill="#292f33" d="M10.09 19.436L8.084 33h4.01z"/><path fill="#ffac33" d="M14.127 31.887L14.575 33h-2.481zm-8.075 0L5.604 33h2.48z"/><path fill="#ffe8b6" d="M12.094 33s1.823-.465 2.714-1.288L10.09 19.436zm-4.01 0s-1.823-.465-2.714-1.288l4.719-12.277z"/><path fill="#e1e8ed" d="M13.625 5.625c-.018 0-.034.006-.052.006q.052-.246.052-.507a2.5 2.5 0 0 0-2.5-2.5a2.49 2.49 0 0 0-2.11 1.171a2.5 2.5 0 0 0-.89-.17a2.49 2.49 0 0 0-2.469 2.19a2.4 2.4 0 0 0-.906-.19a2.5 2.5 0 1 0 0 5h8.875a2.5 2.5 0 1 0 0-5"/></svg>

How to use the Camping icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/twemoji/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. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Camping icon in React?

Install @iconify/react and render <Icon icon="twemoji: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/twemoji/camping.svg" alt="Camping icon">, or paste the SVG code inline to style it with CSS.

Browse all Twitter Emoji icons →