Derelict House icon
emojione-monotone:derelict-house
The Derelict House icon (emojione-monotone:derelict-house) is a free SVG icon from the Emoji One (Monotone) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Emoji One (Monotone)
- Author
- Emoji One
- License
- CC-BY-4.0
- Size
- 64 × 64
- Category
- Travel
- Tags
- derelicthouse
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="m59.836 58.25l-3.447-21.553l3.24-17.822h.496c.651 0 1.287-.295 1.635-.896a1.795 1.795 0 0 0-.655-2.448l-.785-.453l.011-.062l-.102.01L37.625 2h-11.25L2.896 26.783a1.797 1.797 0 0 0-.657 2.448a1.8 1.8 0 0 0 2.452.655l2.789-3.104l1.998 5.327L5.992 58.25H2V62h60v-3.75zm-5.32-21.73l-.029.158l3.451 21.572h-2.5l-3.416-6.833l1.541-12.854l-3.024 9.89l-2.601-5.202l3.213 15h-2.742l-3.263-12.236l4.377-27.141l8.201.001zM39.645 6.781V4.813l4.543 3.75h3.534l3.028 3.75l-4.039-1.84h-3.029l-6.057-3.691zm-28.247 25.11L8.893 25.21L26.375 5.75l21.321 12.671l-4.467 27.69l3.237 12.139H24.5l-1.331-5.99l3.412-.77l1.113-.25l-1.019-2.282l.145-.867l.479-2.899l.15-.904l-.902-.169l-2.792-.524l.745-4.095h-9.643l-.567 2.316l-2.262-.425l-.941-.177l-.156.944l-.48 2.899l-.149.904l.901.169l2.109.396l.427 3.235l-2.569.542l-1.112.251l.461 1.043l1.101 2.49l.312.705l.752-.17l1.648-.371l.527 3.996H7.884zm14.207 16.946l.77 1.739l-13.899 3.135l-1.101-2.49l12.232-2.76zm-14.23-3.626l.479-2.898l14.521 2.727l-.479 2.898z"/><path fill="currentColor" d="M55.438 24.5h-4.374L49.813 32h4.372zM24.5 32l-1.875-7.5h-7.5L17 32zm16.875 3.75l1.875-7.5l-3.75-3.75H32L30.125 32h7.5zm-1.367-9.416l2.204 2.203l-1.345 5.379l-2.204-2.203zm.43 26.291L39.33 44.97l1.108-5.47h-9.206l-2.044 6.563l2.044 6.562z"/></svg>
How to use the Derelict House icon
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-monotone:derelict-house" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-monotone:derelict-house" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-monotone:derelict-house" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--derelict-house]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:derelict-house"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-monotone:derelict-house"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/emojione-monotone/derelict-house.svg" alt="Derelict House icon" width="24" height="24">
Derelict House icon in other icon sets
Derelict House icon FAQ
Is the Derelict House icon free for commercial use?
Yes. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Derelict House icon in React?
Install @iconify/react and render <Icon icon="emojione-monotone:derelict-house" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Derelict House icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/emojione-monotone/derelict-house.svg" alt="Derelict House icon">, or paste the SVG code inline to style it with CSS.
Browse all Emoji One (Monotone) icons →
ICONYZ
