hut emoji
hut from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- hut
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More travel & places icons from Fluent Emoji Flat
Use the hut emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#6d4534" d="M28 30h-8.43l-3.5-5.31l-3.5 5.31H4V17h24z"/><path fill="#f3ad61" d="M29.93 17.855c0 .63-.51 1.14-1.14 1.14c-.07 0-.16-.01-.23-.02c-1.29-.13-1.4-1.01-2.9-1.01c-1.61 0-1.61 1.03-3.22 1.03s-1.61-1.03-3.22-1.03s-1.61 1.03-3.22 1.03s-1.61-1.03-3.21-1.03c-1.61 0-1.61 1.03-3.21 1.03c-1.61 0-1.61-1.03-3.21-1.03c-1.61 0-1.61 1.03-3.22 1.03h-.03c-.63-.01-1.12-.51-1.12-1.14c0-.16.03-.31.08-.45c.01-.01.02-.02.02-.04c.05-.08.11-.16.16-.23c.78-1.26 1.61-2.48 2.48-3.66c2.65-3.63 5.52-6.7 8.82-9.54c1.45-1.25 3.6-1.25 5.03.02c3.18 2.83 6.08 5.93 8.66 9.52c.87 1.2 1.7 2.44 2.49 3.71c.04.07.08.15.13.22c.03.14.06.29.06.45"/><path fill="#212121" d="M20 30h-8v-4.78c0-1.23 1.143-2.22 2.537-2.22h2.914c1.406 0 2.538 1 2.538 2.22V30z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatHut(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#6d4534" d="M28 30h-8.43l-3.5-5.31l-3.5 5.31H4V17h24z"/><path fill="#f3ad61" d="M29.93 17.855c0 .63-.51 1.14-1.14 1.14c-.07 0-.16-.01-.23-.02c-1.29-.13-1.4-1.01-2.9-1.01c-1.61 0-1.61 1.03-3.22 1.03s-1.61-1.03-3.22-1.03s-1.61 1.03-3.22 1.03s-1.61-1.03-3.21-1.03c-1.61 0-1.61 1.03-3.21 1.03c-1.61 0-1.61-1.03-3.21-1.03c-1.61 0-1.61 1.03-3.22 1.03h-.03c-.63-.01-1.12-.51-1.12-1.14c0-.16.03-.31.08-.45c.01-.01.02-.02.02-.04c.05-.08.11-.16.16-.23c.78-1.26 1.61-2.48 2.48-3.66c2.65-3.63 5.52-6.7 8.82-9.54c1.45-1.25 3.6-1.25 5.03.02c3.18 2.83 6.08 5.93 8.66 9.52c.87 1.2 1.7 2.44 2.49 3.71c.04.07.08.15.13.22c.03.14.06.29.06.45"/><path fill="#212121" d="M20 30h-8v-4.78c0-1.23 1.143-2.22 2.537-2.22h2.914c1.406 0 2.538 1 2.538 2.22V30z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#6d4534" d="M28 30h-8.43l-3.5-5.31l-3.5 5.31H4V17h24z"/><path fill="#f3ad61" d="M29.93 17.855c0 .63-.51 1.14-1.14 1.14c-.07 0-.16-.01-.23-.02c-1.29-.13-1.4-1.01-2.9-1.01c-1.61 0-1.61 1.03-3.22 1.03s-1.61-1.03-3.22-1.03s-1.61 1.03-3.22 1.03s-1.61-1.03-3.21-1.03c-1.61 0-1.61 1.03-3.21 1.03c-1.61 0-1.61-1.03-3.21-1.03c-1.61 0-1.61 1.03-3.22 1.03h-.03c-.63-.01-1.12-.51-1.12-1.14c0-.16.03-.31.08-.45c.01-.01.02-.02.02-.04c.05-.08.11-.16.16-.23c.78-1.26 1.61-2.48 2.48-3.66c2.65-3.63 5.52-6.7 8.82-9.54c1.45-1.25 3.6-1.25 5.03.02c3.18 2.83 6.08 5.93 8.66 9.52c.87 1.2 1.7 2.44 2.49 3.71c.04.07.08.15.13.22c.03.14.06.29.06.45"/><path fill="#212121" d="M20 30h-8v-4.78c0-1.23 1.143-2.22 2.537-2.22h2.914c1.406 0 2.538 1 2.538 2.22V30z"/></g></svg> </template>
CSS
.icon-hut {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%236d4534%22%20d%3D%22M28%2030h-8.43l-3.5-5.31l-3.5%205.31H4V17h24z%22%2F%3E%3Cpath%20fill%3D%22%23f3ad61%22%20d%3D%22M29.93%2017.855c0%20.63-.51%201.14-1.14%201.14c-.07%200-.16-.01-.23-.02c-1.29-.13-1.4-1.01-2.9-1.01c-1.61%200-1.61%201.03-3.22%201.03s-1.61-1.03-3.22-1.03s-1.61%201.03-3.22%201.03s-1.61-1.03-3.21-1.03c-1.61%200-1.61%201.03-3.21%201.03c-1.61%200-1.61-1.03-3.21-1.03c-1.61%200-1.61%201.03-3.22%201.03h-.03c-.63-.01-1.12-.51-1.12-1.14c0-.16.03-.31.08-.45c.01-.01.02-.02.02-.04c.05-.08.11-.16.16-.23c.78-1.26%201.61-2.48%202.48-3.66c2.65-3.63%205.52-6.7%208.82-9.54c1.45-1.25%203.6-1.25%205.03.02c3.18%202.83%206.08%205.93%208.66%209.52c.87%201.2%201.7%202.44%202.49%203.71c.04.07.08.15.13.22c.03.14.06.29.06.45%22%2F%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M20%2030h-8v-4.78c0-1.23%201.143-2.22%202.537-2.22h2.914c1.406%200%202.538%201%202.538%202.22V30z%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%236d4534%22%20d%3D%22M28%2030h-8.43l-3.5-5.31l-3.5%205.31H4V17h24z%22%2F%3E%3Cpath%20fill%3D%22%23f3ad61%22%20d%3D%22M29.93%2017.855c0%20.63-.51%201.14-1.14%201.14c-.07%200-.16-.01-.23-.02c-1.29-.13-1.4-1.01-2.9-1.01c-1.61%200-1.61%201.03-3.22%201.03s-1.61-1.03-3.22-1.03s-1.61%201.03-3.22%201.03s-1.61-1.03-3.21-1.03c-1.61%200-1.61%201.03-3.21%201.03c-1.61%200-1.61-1.03-3.21-1.03c-1.61%200-1.61%201.03-3.22%201.03h-.03c-.63-.01-1.12-.51-1.12-1.14c0-.16.03-.31.08-.45c.01-.01.02-.02.02-.04c.05-.08.11-.16.16-.23c.78-1.26%201.61-2.48%202.48-3.66c2.65-3.63%205.52-6.7%208.82-9.54c1.45-1.25%203.6-1.25%205.03.02c3.18%202.83%206.08%205.93%208.66%209.52c.87%201.2%201.7%202.44%202.49%203.71c.04.07.08.15.13.22c.03.14.06.29.06.45%22%2F%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M20%2030h-8v-4.78c0-1.23%201.143-2.22%202.537-2.22h2.914c1.406%200%202.538%201%202.538%202.22V30z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/hut.svg?color=%231a73e8&size=48
