derelict house emoji
derelict-house from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- derelict-house
- 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 derelict house emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f3c07b" d="M5 29h23V13.962L16.531 5L10 10.076V6.54c0-.3-.241-.54-.533-.54H8.01v-.46c0-.3-.251-.54-.543-.54h-.924A.54.54 0 0 0 6 5.54v6.92c0 .216.125.4.306.487L5 13.962z"/><path fill="#212121" d="M8 20.534C8 18.58 9.568 17 11.505 17A3.503 3.503 0 0 1 15 20.534v8.073c0 .222-.17.393-.39.393H8.39a.385.385 0 0 1-.39-.393zM20 19.5c0-1.38 1.118-2.5 2.495-2.5A2.513 2.513 0 0 1 25 19.5V23h-5z"/><path fill="#7d4533" d="m26.563 20.344l-7.71 1.645a.544.544 0 0 1-.644-.426l-.198-.912a.544.544 0 0 1 .426-.644l7.71-1.645a.544.544 0 0 1 .644.426l.198.912a.544.544 0 0 1-.426.644M7 22.5a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5zm.503 2.5l7.994.01a.494.494 0 1 1 0 .99l-7.994-.01a.494.494 0 1 1 0-.99"/><path fill="#f8312f" d="M29.76 15.638a.95.95 0 0 0-.14-1.35l-6.22-4.99a.72.72 0 0 0-.65-.14c-.14.04-.3.05-.4-.03l-1.54-1.24c-.13-.1-.13-.34-.11-.52a.39.39 0 0 0-.15-.36l-3.39-2.72a1 1 0 0 0-.214-.158a.97.97 0 0 0-1.233.222L3.36 14.248c-.24.19-.36.47-.36.75c0 .22.07.44.21.61c.33.41.95.47 1.36.14l2.56-2.05c.17-.14.23-.36.19-.57v-.04c0-.14.07-.3.2-.4l2.08-1.66c.11-.09.3-.07.46-.02c.19.06.41.03.57-.1l5.841-4.675L28.4 15.788c.41.33 1.03.27 1.36-.15"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatDerelictHouse(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="#f3c07b" d="M5 29h23V13.962L16.531 5L10 10.076V6.54c0-.3-.241-.54-.533-.54H8.01v-.46c0-.3-.251-.54-.543-.54h-.924A.54.54 0 0 0 6 5.54v6.92c0 .216.125.4.306.487L5 13.962z"/><path fill="#212121" d="M8 20.534C8 18.58 9.568 17 11.505 17A3.503 3.503 0 0 1 15 20.534v8.073c0 .222-.17.393-.39.393H8.39a.385.385 0 0 1-.39-.393zM20 19.5c0-1.38 1.118-2.5 2.495-2.5A2.513 2.513 0 0 1 25 19.5V23h-5z"/><path fill="#7d4533" d="m26.563 20.344l-7.71 1.645a.544.544 0 0 1-.644-.426l-.198-.912a.544.544 0 0 1 .426-.644l7.71-1.645a.544.544 0 0 1 .644.426l.198.912a.544.544 0 0 1-.426.644M7 22.5a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5zm.503 2.5l7.994.01a.494.494 0 1 1 0 .99l-7.994-.01a.494.494 0 1 1 0-.99"/><path fill="#f8312f" d="M29.76 15.638a.95.95 0 0 0-.14-1.35l-6.22-4.99a.72.72 0 0 0-.65-.14c-.14.04-.3.05-.4-.03l-1.54-1.24c-.13-.1-.13-.34-.11-.52a.39.39 0 0 0-.15-.36l-3.39-2.72a1 1 0 0 0-.214-.158a.97.97 0 0 0-1.233.222L3.36 14.248c-.24.19-.36.47-.36.75c0 .22.07.44.21.61c.33.41.95.47 1.36.14l2.56-2.05c.17-.14.23-.36.19-.57v-.04c0-.14.07-.3.2-.4l2.08-1.66c.11-.09.3-.07.46-.02c.19.06.41.03.57-.1l5.841-4.675L28.4 15.788c.41.33 1.03.27 1.36-.15"/></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="#f3c07b" d="M5 29h23V13.962L16.531 5L10 10.076V6.54c0-.3-.241-.54-.533-.54H8.01v-.46c0-.3-.251-.54-.543-.54h-.924A.54.54 0 0 0 6 5.54v6.92c0 .216.125.4.306.487L5 13.962z"/><path fill="#212121" d="M8 20.534C8 18.58 9.568 17 11.505 17A3.503 3.503 0 0 1 15 20.534v8.073c0 .222-.17.393-.39.393H8.39a.385.385 0 0 1-.39-.393zM20 19.5c0-1.38 1.118-2.5 2.495-2.5A2.513 2.513 0 0 1 25 19.5V23h-5z"/><path fill="#7d4533" d="m26.563 20.344l-7.71 1.645a.544.544 0 0 1-.644-.426l-.198-.912a.544.544 0 0 1 .426-.644l7.71-1.645a.544.544 0 0 1 .644.426l.198.912a.544.544 0 0 1-.426.644M7 22.5a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5zm.503 2.5l7.994.01a.494.494 0 1 1 0 .99l-7.994-.01a.494.494 0 1 1 0-.99"/><path fill="#f8312f" d="M29.76 15.638a.95.95 0 0 0-.14-1.35l-6.22-4.99a.72.72 0 0 0-.65-.14c-.14.04-.3.05-.4-.03l-1.54-1.24c-.13-.1-.13-.34-.11-.52a.39.39 0 0 0-.15-.36l-3.39-2.72a1 1 0 0 0-.214-.158a.97.97 0 0 0-1.233.222L3.36 14.248c-.24.19-.36.47-.36.75c0 .22.07.44.21.61c.33.41.95.47 1.36.14l2.56-2.05c.17-.14.23-.36.19-.57v-.04c0-.14.07-.3.2-.4l2.08-1.66c.11-.09.3-.07.46-.02c.19.06.41.03.57-.1l5.841-4.675L28.4 15.788c.41.33 1.03.27 1.36-.15"/></g></svg> </template>
CSS
.icon-derelict-house {
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%23f3c07b%22%20d%3D%22M5%2029h23V13.962L16.531%205L10%2010.076V6.54c0-.3-.241-.54-.533-.54H8.01v-.46c0-.3-.251-.54-.543-.54h-.924A.54.54%200%200%200%206%205.54v6.92c0%20.216.125.4.306.487L5%2013.962z%22%2F%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M8%2020.534C8%2018.58%209.568%2017%2011.505%2017A3.503%203.503%200%200%201%2015%2020.534v8.073c0%20.222-.17.393-.39.393H8.39a.385.385%200%200%201-.39-.393zM20%2019.5c0-1.38%201.118-2.5%202.495-2.5A2.513%202.513%200%200%201%2025%2019.5V23h-5z%22%2F%3E%3Cpath%20fill%3D%22%237d4533%22%20d%3D%22m26.563%2020.344l-7.71%201.645a.544.544%200%200%201-.644-.426l-.198-.912a.544.544%200%200%201%20.426-.644l7.71-1.645a.544.544%200%200%201%20.644.426l.198.912a.544.544%200%200%201-.426.644M7%2022.5a.5.5%200%200%201%20.5-.5h8a.5.5%200%200%201%20.5.5v1a.5.5%200%200%201-.5.5h-8a.5.5%200%200%201-.5-.5zm.503%202.5l7.994.01a.494.494%200%201%201%200%20.99l-7.994-.01a.494.494%200%201%201%200-.99%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M29.76%2015.638a.95.95%200%200%200-.14-1.35l-6.22-4.99a.72.72%200%200%200-.65-.14c-.14.04-.3.05-.4-.03l-1.54-1.24c-.13-.1-.13-.34-.11-.52a.39.39%200%200%200-.15-.36l-3.39-2.72a1%201%200%200%200-.214-.158a.97.97%200%200%200-1.233.222L3.36%2014.248c-.24.19-.36.47-.36.75c0%20.22.07.44.21.61c.33.41.95.47%201.36.14l2.56-2.05c.17-.14.23-.36.19-.57v-.04c0-.14.07-.3.2-.4l2.08-1.66c.11-.09.3-.07.46-.02c.19.06.41.03.57-.1l5.841-4.675L28.4%2015.788c.41.33%201.03.27%201.36-.15%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%23f3c07b%22%20d%3D%22M5%2029h23V13.962L16.531%205L10%2010.076V6.54c0-.3-.241-.54-.533-.54H8.01v-.46c0-.3-.251-.54-.543-.54h-.924A.54.54%200%200%200%206%205.54v6.92c0%20.216.125.4.306.487L5%2013.962z%22%2F%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M8%2020.534C8%2018.58%209.568%2017%2011.505%2017A3.503%203.503%200%200%201%2015%2020.534v8.073c0%20.222-.17.393-.39.393H8.39a.385.385%200%200%201-.39-.393zM20%2019.5c0-1.38%201.118-2.5%202.495-2.5A2.513%202.513%200%200%201%2025%2019.5V23h-5z%22%2F%3E%3Cpath%20fill%3D%22%237d4533%22%20d%3D%22m26.563%2020.344l-7.71%201.645a.544.544%200%200%201-.644-.426l-.198-.912a.544.544%200%200%201%20.426-.644l7.71-1.645a.544.544%200%200%201%20.644.426l.198.912a.544.544%200%200%201-.426.644M7%2022.5a.5.5%200%200%201%20.5-.5h8a.5.5%200%200%201%20.5.5v1a.5.5%200%200%201-.5.5h-8a.5.5%200%200%201-.5-.5zm.503%202.5l7.994.01a.494.494%200%201%201%200%20.99l-7.994-.01a.494.494%200%201%201%200-.99%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M29.76%2015.638a.95.95%200%200%200-.14-1.35l-6.22-4.99a.72.72%200%200%200-.65-.14c-.14.04-.3.05-.4-.03l-1.54-1.24c-.13-.1-.13-.34-.11-.52a.39.39%200%200%200-.15-.36l-3.39-2.72a1%201%200%200%200-.214-.158a.97.97%200%200%200-1.233.222L3.36%2014.248c-.24.19-.36.47-.36.75c0%20.22.07.44.21.61c.33.41.95.47%201.36.14l2.56-2.05c.17-.14.23-.36.19-.57v-.04c0-.14.07-.3.2-.4l2.08-1.66c.11-.09.3-.07.46-.02c.19.06.41.03.57-.1l5.841-4.675L28.4%2015.788c.41.33%201.03.27%201.36-.15%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/derelict-house.svg?color=%231a73e8&size=48
