camping icon

camping from Material Symbols by Google · Regular · Activities · Apache-2.0 Free for personal and commercial use.

Name: camping
Set: Material Symbols
Style: Regular
Category: Activities
Viewbox: 24×24
License: Apache 2.0
Aliases: camping-sharp

3 other variants in Material Symbols

camping-outline camping-outline-rounded camping-rounded

The same icon in other sets

campingEmoji One (Colored)campingFluent Emoji campingFluent Emoji Flat campingFluent Emoji High Contrast campingFirefox OS Emoji campingMaterial Symbols Light campingNoto Emoji campingOpenMoji campingTwitter Emoji

More activities icons from Material Symbols

Use the camping icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 22v-4.65l8.75-11.8L9 3.2L10.6 2L12 3.875L13.4 2L15 3.2l-1.75 2.35L22 17.35V22zm6.225-2h7.55L12 14.725z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsCamping(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 22v-4.65l8.75-11.8L9 3.2L10.6 2L12 3.875L13.4 2L15 3.2l-1.75 2.35L22 17.35V22zm6.225-2h7.55L12 14.725z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 22v-4.65l8.75-11.8L9 3.2L10.6 2L12 3.875L13.4 2L15 3.2l-1.75 2.35L22 17.35V22zm6.225-2h7.55L12 14.725z"/></svg>
</template>

CSS

.icon-camping {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%2022v-4.65l8.75-11.8L9%203.2L10.6%202L12%203.875L13.4%202L15%203.2l-1.75%202.35L22%2017.35V22zm6.225-2h7.55L12%2014.725z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%2022v-4.65l8.75-11.8L9%203.2L10.6%202L12%203.875L13.4%202L15%203.2l-1.75%202.35L22%2017.35V22zm6.225-2h7.55L12%2014.725z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/camping.svg?color=%231a73e8&size=48