tent icon
tent-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- tent-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- Viewbox
- 24×24
- License
- MIT
11 other variants in Fluent UI System Icons
The same icon in other sets
tentEmoji One (Colored)tentFont Awesome 6 SolidtentFont Awesome SolidtentFluent EmojitentFluent Emoji FlattentFluent Emoji High ContrasttentFirefox OS EmojitentHuge IconstentIconParktentIconPark OutlinetentIconPark SolidtentIconPark TwoTonetentLucidetentMaterial Design Iconstent-fillMingCute IcontentMyna UI IconstentNoto EmojitentOpenMojitentPhosphortentPixelarticonstent-fillRemix IcontentStreamline EmojistentTabler IconstentTwitter Emoji
Use the tent icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.22 2.22a.75.75 0 0 1 1.042-.018l1.756 1.639a20.8 20.8 0 0 0 4.235 3.056c.432.236.727.661.797 1.148L20.4 17.5h.85a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5h.85l1.355-9.49c.065-.455.332-.857.726-1.093a20 20 0 0 0 3.84-2.998zM5.115 17.5h2.131a23.3 23.3 0 0 0 3.509-7.16l.525-1.8a.75.75 0 0 1 1.44 0l.525 1.8a23.3 23.3 0 0 0 3.509 7.16h2.131l-1.32-9.243a.06.06 0 0 0-.03-.043a22.3 22.3 0 0 1-4.54-3.276l-1.227-1.145l-1.187 1.187a21.4 21.4 0 0 1-4.129 3.223a.03.03 0 0 0-.012.019zm9.814 0A24.8 24.8 0 0 1 12 11.397A24.8 24.8 0 0 1 9.07 17.5z"/></svg>
React
import type { SVGProps } from "react";
export function FluentTent24Regular(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="M11.22 2.22a.75.75 0 0 1 1.042-.018l1.756 1.639a20.8 20.8 0 0 0 4.235 3.056c.432.236.727.661.797 1.148L20.4 17.5h.85a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5h.85l1.355-9.49c.065-.455.332-.857.726-1.093a20 20 0 0 0 3.84-2.998zM5.115 17.5h2.131a23.3 23.3 0 0 0 3.509-7.16l.525-1.8a.75.75 0 0 1 1.44 0l.525 1.8a23.3 23.3 0 0 0 3.509 7.16h2.131l-1.32-9.243a.06.06 0 0 0-.03-.043a22.3 22.3 0 0 1-4.54-3.276l-1.227-1.145l-1.187 1.187a21.4 21.4 0 0 1-4.129 3.223a.03.03 0 0 0-.012.019zm9.814 0A24.8 24.8 0 0 1 12 11.397A24.8 24.8 0 0 1 9.07 17.5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.22 2.22a.75.75 0 0 1 1.042-.018l1.756 1.639a20.8 20.8 0 0 0 4.235 3.056c.432.236.727.661.797 1.148L20.4 17.5h.85a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5h.85l1.355-9.49c.065-.455.332-.857.726-1.093a20 20 0 0 0 3.84-2.998zM5.115 17.5h2.131a23.3 23.3 0 0 0 3.509-7.16l.525-1.8a.75.75 0 0 1 1.44 0l.525 1.8a23.3 23.3 0 0 0 3.509 7.16h2.131l-1.32-9.243a.06.06 0 0 0-.03-.043a22.3 22.3 0 0 1-4.54-3.276l-1.227-1.145l-1.187 1.187a21.4 21.4 0 0 1-4.129 3.223a.03.03 0 0 0-.012.019zm9.814 0A24.8 24.8 0 0 1 12 11.397A24.8 24.8 0 0 1 9.07 17.5z"/></svg> </template>
CSS
.icon-tent-24-regular {
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%22M11.22%202.22a.75.75%200%200%201%201.042-.018l1.756%201.639a20.8%2020.8%200%200%200%204.235%203.056c.432.236.727.661.797%201.148L20.4%2017.5h.85a.75.75%200%200%201%200%201.5H2.75a.75.75%200%200%201%200-1.5h.85l1.355-9.49c.065-.455.332-.857.726-1.093a20%2020%200%200%200%203.84-2.998zM5.115%2017.5h2.131a23.3%2023.3%200%200%200%203.509-7.16l.525-1.8a.75.75%200%200%201%201.44%200l.525%201.8a23.3%2023.3%200%200%200%203.509%207.16h2.131l-1.32-9.243a.06.06%200%200%200-.03-.043a22.3%2022.3%200%200%201-4.54-3.276l-1.227-1.145l-1.187%201.187a21.4%2021.4%200%200%201-4.129%203.223a.03.03%200%200%200-.012.019zm9.814%200A24.8%2024.8%200%200%201%2012%2011.397A24.8%2024.8%200%200%201%209.07%2017.5z%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%22M11.22%202.22a.75.75%200%200%201%201.042-.018l1.756%201.639a20.8%2020.8%200%200%200%204.235%203.056c.432.236.727.661.797%201.148L20.4%2017.5h.85a.75.75%200%200%201%200%201.5H2.75a.75.75%200%200%201%200-1.5h.85l1.355-9.49c.065-.455.332-.857.726-1.093a20%2020%200%200%200%203.84-2.998zM5.115%2017.5h2.131a23.3%2023.3%200%200%200%203.509-7.16l.525-1.8a.75.75%200%200%201%201.44%200l.525%201.8a23.3%2023.3%200%200%200%203.509%207.16h2.131l-1.32-9.243a.06.06%200%200%200-.03-.043a22.3%2022.3%200%200%201-4.54-3.276l-1.227-1.145l-1.187%201.187a21.4%2021.4%200%200%201-4.129%203.223a.03.03%200%200%200-.012.019zm9.814%200A24.8%2024.8%200%200%201%2012%2011.397A24.8%2024.8%200%200%201%209.07%2017.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/tent-24-regular.svg?color=%231a73e8&size=48
