ICONYZ
日本語
Twitter Emoji の Derelict House アイコン

Derelict House アイコン

twemoji:derelict-house

Derelict House アイコン(twemoji:derelict-house)は、Twitter Emoji セットの無料 SVG アイコンです(作者: Twitter)。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Twitter Emoji
作者
Twitter
ライセンス
CC-BY-4.0
サイズ
36 × 36
カテゴリ
旅行・場所
タグ
derelicthouse
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#662113" d="m9.294 7.969l.55-.372v-.395a.5.5 0 0 0-.5-.5h-2a.5.5 0 0 0-.5.5V9.07l.632.428l-.632.427v4.277h3V8.341z"/><path fill="#d99e82" d="M31 21v-5l-5.965-5.965l-2.41 1.507l.167-3.75L18 3L5 16v7h2v1H5v9h26v-5.5h-1v-1h1V22h-2v-1z"/><path fill="#c1694f" d="M10 26h4v6h-4zm0-9h4v4h-4zm12.5 9h4v4h-4z"/><path fill="#bcbec0" d="M33.5 33.5A1.5 1.5 0 0 1 32 35H4a1.5 1.5 0 0 1 0-3h28a1.5 1.5 0 0 1 1.5 1.5"/><path fill="#292f33" d="m31.707 15.293l-5.802-5.802l-1.74 1.088l6.128 6.128a.997.997 0 0 0 1.414 0a1 1 0 0 0 0-1.414m-8.854-8.855l-4.146-4.146a1 1 0 0 0-1.414 0l-13 13a.999.999 0 1 0 1.414 1.414L18 4.414l4.732 4.732z"/><path fill="#662113" d="m24.42 10.42l-1.795 1.122l.125-2.792l-1.979-1.979l-1.625 7.417l3.687 1.729l-2.75 7.666L27 17l-1-5zM8.997 18.918l5.58-1.722l.428 1.389l-5.58 1.721zm-.318 10.848l5.753-2.952l.664 1.293l-5.754 2.952zm18.489-.274l-5.58-1.722l.429-1.388l5.58 1.721z"/><path fill="#662113" d="m14.728 31.046l-5.99-2.705l.597-1.324l5.99 2.704z"/></svg>

Derelict House アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="twemoji:derelict-house" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="twemoji:derelict-house" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="twemoji:derelict-house" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--derelict-house]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:derelict-house"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="twemoji:derelict-house"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/twemoji/derelict-house.svg" alt="Derelict House アイコン" width="24" height="24">

他のアイコンセットの Derelict House アイコン

Derelict House アイコン のよくある質問

Derelict House アイコンは商用利用でも無料ですか?

はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Derelict House アイコンを使うには?

@iconify/react をインストールして <Icon icon="twemoji:derelict-house" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Derelict House アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/derelict-house.svg" alt="Derelict House アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Twitter Emoji アイコン をすべて見る →