tent emoji
tent from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.
- Name
- tent
- Set
- Twitter Emoji
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
tentEmoji One (Colored)tentFont Awesome 6 SolidtentFont Awesome Solidtent-12-filledFluent UI System IconstentFluent EmojitentFluent Emoji FlattentFluent Emoji High ContrasttentFirefox OS EmojitentHuge IconstentIconParktentIconPark OutlinetentIconPark SolidtentIconPark TwoTonetentLucidetentMaterial Design Iconstent-fillMingCute IcontentMyna UI IconstentNoto EmojitentOpenMojitentPhosphortentPixelarticonstent-fillRemix IcontentStreamline EmojistentTabler Icons
More travel & places icons from Twitter Emoji
Use the tent emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4900c" d="M16.812 33c-.588 0-1.112-.37-1.31-.924L8.549 12.608a1.34 1.34 0 0 1 .173-1.242c.261-.369.685-.563 1.137-.563h16.313c.557 0 1.059.305 1.279.817l8.343 19.455c.184.43.14.917-.116 1.307a1.39 1.39 0 0 1-1.163.618z"/><path fill="#ffcc4d" d="M1.515 33c-.467 0-.904-.236-1.162-.625a1.4 1.4 0 0 1-.116-1.315l8.348-19.479a1.392 1.392 0 0 1 2.557 0L19.49 31.06A1.39 1.39 0 0 1 18.212 33z"/><path fill="#292f33" d="M9.859 14.182L7.077 33h5.563z"/><path fill="#ffac33" d="M15.46 31.456L16.081 33H12.64zm-11.203 0L3.636 33h3.441z"/><path fill="#ffe8b6" d="M12.64 33s2.529-.645 3.766-1.786L9.859 14.182zm-5.563 0s-2.529-.645-3.766-1.786l6.546-17.031z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiTent(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4900c" d="M16.812 33c-.588 0-1.112-.37-1.31-.924L8.549 12.608a1.34 1.34 0 0 1 .173-1.242c.261-.369.685-.563 1.137-.563h16.313c.557 0 1.059.305 1.279.817l8.343 19.455c.184.43.14.917-.116 1.307a1.39 1.39 0 0 1-1.163.618z"/><path fill="#ffcc4d" d="M1.515 33c-.467 0-.904-.236-1.162-.625a1.4 1.4 0 0 1-.116-1.315l8.348-19.479a1.392 1.392 0 0 1 2.557 0L19.49 31.06A1.39 1.39 0 0 1 18.212 33z"/><path fill="#292f33" d="M9.859 14.182L7.077 33h5.563z"/><path fill="#ffac33" d="M15.46 31.456L16.081 33H12.64zm-11.203 0L3.636 33h3.441z"/><path fill="#ffe8b6" d="M12.64 33s2.529-.645 3.766-1.786L9.859 14.182zm-5.563 0s-2.529-.645-3.766-1.786l6.546-17.031z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4900c" d="M16.812 33c-.588 0-1.112-.37-1.31-.924L8.549 12.608a1.34 1.34 0 0 1 .173-1.242c.261-.369.685-.563 1.137-.563h16.313c.557 0 1.059.305 1.279.817l8.343 19.455c.184.43.14.917-.116 1.307a1.39 1.39 0 0 1-1.163.618z"/><path fill="#ffcc4d" d="M1.515 33c-.467 0-.904-.236-1.162-.625a1.4 1.4 0 0 1-.116-1.315l8.348-19.479a1.392 1.392 0 0 1 2.557 0L19.49 31.06A1.39 1.39 0 0 1 18.212 33z"/><path fill="#292f33" d="M9.859 14.182L7.077 33h5.563z"/><path fill="#ffac33" d="M15.46 31.456L16.081 33H12.64zm-11.203 0L3.636 33h3.441z"/><path fill="#ffe8b6" d="M12.64 33s2.529-.645 3.766-1.786L9.859 14.182zm-5.563 0s-2.529-.645-3.766-1.786l6.546-17.031z"/></svg> </template>
CSS
.icon-tent {
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%2036%2036%22%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M16.812%2033c-.588%200-1.112-.37-1.31-.924L8.549%2012.608a1.34%201.34%200%200%201%20.173-1.242c.261-.369.685-.563%201.137-.563h16.313c.557%200%201.059.305%201.279.817l8.343%2019.455c.184.43.14.917-.116%201.307a1.39%201.39%200%200%201-1.163.618z%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M1.515%2033c-.467%200-.904-.236-1.162-.625a1.4%201.4%200%200%201-.116-1.315l8.348-19.479a1.392%201.392%200%200%201%202.557%200L19.49%2031.06A1.39%201.39%200%200%201%2018.212%2033z%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M9.859%2014.182L7.077%2033h5.563z%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M15.46%2031.456L16.081%2033H12.64zm-11.203%200L3.636%2033h3.441z%22%2F%3E%3Cpath%20fill%3D%22%23ffe8b6%22%20d%3D%22M12.64%2033s2.529-.645%203.766-1.786L9.859%2014.182zm-5.563%200s-2.529-.645-3.766-1.786l6.546-17.031z%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M16.812%2033c-.588%200-1.112-.37-1.31-.924L8.549%2012.608a1.34%201.34%200%200%201%20.173-1.242c.261-.369.685-.563%201.137-.563h16.313c.557%200%201.059.305%201.279.817l8.343%2019.455c.184.43.14.917-.116%201.307a1.39%201.39%200%200%201-1.163.618z%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M1.515%2033c-.467%200-.904-.236-1.162-.625a1.4%201.4%200%200%201-.116-1.315l8.348-19.479a1.392%201.392%200%200%201%202.557%200L19.49%2031.06A1.39%201.39%200%200%201%2018.212%2033z%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M9.859%2014.182L7.077%2033h5.563z%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M15.46%2031.456L16.081%2033H12.64zm-11.203%200L3.636%2033h3.441z%22%2F%3E%3Cpath%20fill%3D%22%23ffe8b6%22%20d%3D%22M12.64%2033s2.529-.645%203.766-1.786L9.859%2014.182zm-5.563%200s-2.529-.645-3.766-1.786l6.546-17.031z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/tent.svg?color=%231a73e8&size=48
