Add icons to this collection by clicking the heart icon.
Hut icon - also known as cold, weather, winter season, hut, wood cabin, wood house, and architecture and city. Created in a clean flat style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="b"
x1="256"
x2="256"
y1="108"
y2="448"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7d361f" />
<stop offset=".038" stop-color="#813b24" />
<stop offset=".262" stop-color="#94543e" />
<stop offset=".494" stop-color="#a26750" />
<stop offset=".734" stop-color="#aa715b" />
<stop offset="1" stop-color="#ad755f" />
</linearGradient>
<linearGradient
id="c"
x1="376"
x2="376"
y1="80"
y2="192"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7d361f" />
<stop offset=".216" stop-color="#8e4c36" />
<stop offset=".499" stop-color="#9f634c" />
<stop offset=".766" stop-color="#a9705a" />
<stop offset="1" stop-color="#ad755f" />
</linearGradient>
<linearGradient
id="d"
x1="256"
x2="256"
y1="240"
y2="448"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7d361f" />
<stop offset=".397" stop-color="#7f3821" />
<stop offset=".598" stop-color="#844029" />
<stop offset=".756" stop-color="#8e4d36" />
<stop offset=".89" stop-color="#9c5f49" />
<stop offset="1" stop-color="#ad755f" />
</linearGradient>
<linearGradient
id="e"
x1="256.022"
x2="256.022"
y1="82.317"
y2="272"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bcd1fb" />
<stop offset=".303" stop-color="#cdddfd" />
<stop offset=".685" stop-color="#dce7fe" />
<stop offset="1" stop-color="#e1ebff" />
</linearGradient>
<linearGradient
id="a"
x1="376"
x2="376"
y1="48"
y2="132"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bcd1fb" />
<stop offset=".117" stop-color="#c8d9fc" />
<stop offset=".325" stop-color="#d6e3fe" />
<stop offset=".579" stop-color="#dee9ff" />
<stop offset="1" stop-color="#e1ebff" />
</linearGradient>
<linearGradient id="f" x1="256" x2="256" y1="432" y2="504" href="#a" />
<g>
<path fill="url(#b)" d="M408 448H104V212l152-104 152 104z" />
<path
fill="#8f5542"
d="M104 288h304v16H104zM104 336h304v16H104zM104 384h304v16H104z"
/>
<circle cx="104" cy="272" r="32" fill="#8f5542" />
<circle cx="104" cy="272" r="16" fill="#ad755f" />
<circle cx="104" cy="320" r="32" fill="#8f5542" />
<circle cx="104" cy="320" r="16" fill="#ad755f" />
<circle cx="104" cy="368" r="32" fill="#8f5542" />
<circle cx="104" cy="368" r="16" fill="#ad755f" />
<circle cx="104" cy="416" r="32" fill="#8f5542" />
<circle cx="104" cy="416" r="16" fill="#ad755f" />
<path fill="url(#c)" d="M336 80h80v112h-80z" />
<path
fill="url(#d)"
d="M336 448H176V264a24.028 24.028 0 0 1 24-24h112a24.028 24.028 0 0 1 24 24z"
/>
<circle cx="408" cy="272" r="32" fill="#8f5542" />
<circle cx="408" cy="272" r="16" fill="#ad755f" />
<circle cx="408" cy="320" r="32" fill="#8f5542" />
<circle cx="408" cy="320" r="16" fill="#ad755f" />
<circle cx="408" cy="368" r="32" fill="#8f5542" />
<circle cx="408" cy="368" r="16" fill="#ad755f" />
<circle cx="408" cy="416" r="32" fill="#8f5542" />
<circle cx="408" cy="416" r="16" fill="#ad755f" />
<path fill="#bf9388" d="M200 304h16v48h-16z" />
<path
fill="url(#e)"
d="M356.364 233.664c-13.986-5.862-27.483-15.434-36.979-27.738-5.717 26.11-47.385 23.659-47.385-5.9v-43.282c0-25.437-40-14.422-40 7.853 0 19.936-14.3 34.736-43.1 32.1-6.033 11.825-18.731 26.279-44.9 27.367V236a36 36 0 0 1-72 0c1.389-9.244-6.243-36.194 17.988-52.164l144-94.909a39.955 39.955 0 0 1 44.025 0l144 94.909c25.439 16.764 16.011 45.226 17.987 60.956-7.869 36.553-77.137 39.265-83.636-11.128z"
/>
<path
fill="url(#a)"
d="M408 132a24.028 24.028 0 0 1-24-24 12.013 12.013 0 0 0-12-12h-28a24 24 0 0 1 0-48h64a24.028 24.028 0 0 1 24 24v36a24.028 24.028 0 0 1-24 24z"
/>
<g fill="#e1ebff">
<path
d="M0 0h16v16H0zM64 32h16v16H64zM128 16h16v16h-16zM176 64h16v16h-16zM224 32h16v16h-16zM288 0h16v16h-16zM272 48h16v16h-16zM368 16h16v16h-16zM96 96h16v16H96zM32 128h16v16H32zM0 192h16v16H0zM32 224h16v16H32zM16 288h16v16H16zM32 368h16v16H32zM464 192h16v16h-16zM480 112h16v16h-16zM440 144h16v16h-16zM496 224h16v16h-16zM480 288h16v16h-16zM496 368h16v16h-16zM496 0h16v16h-16zM464 48h16v16h-16z"
/>
</g>
<path
fill="url(#f)"
d="M424 432H88a72.081 72.081 0 0 0-72 72h480a72.081 72.081 0 0 0-72-72z"
/>
<path
fill="#c6d8fb"
d="M491.88 480H368v-16h115.84a71.4 71.4 0 0 1 8.04 16zM112 464v16H20.12a71.4 71.4 0 0 1 8.04-16zM144 464h32v16h-32zM192 464h144v16H192z"
/>
<path fill="#abbafe" d="M0 496h512v16H0z" />
<path
fill="#f3f8ff"
d="m403.18 171.43-57.15 57.15a95.012 95.012 0 0 1-13.45-9.17l56.97-56.97zM437.87 204.63l-61.13 61.13c-8.95-5.18-16.15-13.74-19.23-26.03l59.31-59.31c2.773 2.454 15.926 7.508 21.05 24.21z"
/>
</g>
</svg>
More icons in the same style and category