tent icon

tent from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.

Name
tent
Set
Font Awesome Solid
Style
Solid
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

tentEmoji One (Colored)tentFont Awesome 6 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 IconstentTwitter Emoji

Related icons in Font Awesome Solid

tent-arrow-down-to-linetent-arrow-left-righttent-arrow-turn-lefttent-arrows-down

Use the tent icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m90.9 270.9l-23.2 238C65.8 527.7 80.6 544 99.5 544h172.7c26.5 0 48-21.5 48-48V367c0-8.3 6.7-15 15-15c5.5 0 10.6 3 13.2 7.9l86.1 159c8.4 15.5 24.6 25.1 42.2 25.1h64.1c18.9 0 33.7-16.3 31.8-35.1l-23-237.8c-1.9-19.6-12.8-37.3-29.5-47.8l-175.2-111c-15.7-10-35.8-9.9-51.5.1L120.1 223.2c-16.5 10.6-27.3 28.2-29.2 47.7"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidTent(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m90.9 270.9l-23.2 238C65.8 527.7 80.6 544 99.5 544h172.7c26.5 0 48-21.5 48-48V367c0-8.3 6.7-15 15-15c5.5 0 10.6 3 13.2 7.9l86.1 159c8.4 15.5 24.6 25.1 42.2 25.1h64.1c18.9 0 33.7-16.3 31.8-35.1l-23-237.8c-1.9-19.6-12.8-37.3-29.5-47.8l-175.2-111c-15.7-10-35.8-9.9-51.5.1L120.1 223.2c-16.5 10.6-27.3 28.2-29.2 47.7"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m90.9 270.9l-23.2 238C65.8 527.7 80.6 544 99.5 544h172.7c26.5 0 48-21.5 48-48V367c0-8.3 6.7-15 15-15c5.5 0 10.6 3 13.2 7.9l86.1 159c8.4 15.5 24.6 25.1 42.2 25.1h64.1c18.9 0 33.7-16.3 31.8-35.1l-23-237.8c-1.9-19.6-12.8-37.3-29.5-47.8l-175.2-111c-15.7-10-35.8-9.9-51.5.1L120.1 223.2c-16.5 10.6-27.3 28.2-29.2 47.7"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m90.9%20270.9l-23.2%20238C65.8%20527.7%2080.6%20544%2099.5%20544h172.7c26.5%200%2048-21.5%2048-48V367c0-8.3%206.7-15%2015-15c5.5%200%2010.6%203%2013.2%207.9l86.1%20159c8.4%2015.5%2024.6%2025.1%2042.2%2025.1h64.1c18.9%200%2033.7-16.3%2031.8-35.1l-23-237.8c-1.9-19.6-12.8-37.3-29.5-47.8l-175.2-111c-15.7-10-35.8-9.9-51.5.1L120.1%20223.2c-16.5%2010.6-27.3%2028.2-29.2%2047.7%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m90.9%20270.9l-23.2%20238C65.8%20527.7%2080.6%20544%2099.5%20544h172.7c26.5%200%2048-21.5%2048-48V367c0-8.3%206.7-15%2015-15c5.5%200%2010.6%203%2013.2%207.9l86.1%20159c8.4%2015.5%2024.6%2025.1%2042.2%2025.1h64.1c18.9%200%2033.7-16.3%2031.8-35.1l-23-237.8c-1.9-19.6-12.8-37.3-29.5-47.8l-175.2-111c-15.7-10-35.8-9.9-51.5.1L120.1%20223.2c-16.5%2010.6-27.3%2028.2-29.2%2047.7%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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