castle icon

castle from Material Design Icons by Pictogrammers · Filled · Places · Apache-2.0 Free for personal and commercial use.

Name: castle
Set: Material Design Icons
Style: Filled
Category: Places
Viewbox: 24×24
License: Apache 2.0

The same icon in other sets

castleBoxIcons v2 Solid castleEmoji One (Colored)castleFluent Emoji castleFluent Emoji Flat castleFluent Emoji High Contrast castleHuge Icons castleJam Icons castleLucide castleMaterial Symbols castleNoto Emoji castleOpenMoji castlePixelarticons castleStreamline Emojis castleTwitter Emoji

More places icons from Material Design Icons

Use the castle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 13h2v2h2v-2h2v2h2v-2h2v2h2v-5l3-3V1h2l4 2l-4 2v2l3 3v12H11v-3a2 2 0 0 0-2-2a2 2 0 0 0-2 2v3H2zm16-3c-.55 0-1 .54-1 1.2V13h2v-1.8c0-.66-.45-1.2-1-1.2"/></svg>

React

import type { SVGProps } from "react";

export function MdiCastle(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 13h2v2h2v-2h2v2h2v-2h2v2h2v-5l3-3V1h2l4 2l-4 2v2l3 3v12H11v-3a2 2 0 0 0-2-2a2 2 0 0 0-2 2v3H2zm16-3c-.55 0-1 .54-1 1.2V13h2v-1.8c0-.66-.45-1.2-1-1.2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 13h2v2h2v-2h2v2h2v-2h2v2h2v-5l3-3V1h2l4 2l-4 2v2l3 3v12H11v-3a2 2 0 0 0-2-2a2 2 0 0 0-2 2v3H2zm16-3c-.55 0-1 .54-1 1.2V13h2v-1.8c0-.66-.45-1.2-1-1.2"/></svg>
</template>

CSS

.icon-castle {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%2013h2v2h2v-2h2v2h2v-2h2v2h2v-5l3-3V1h2l4%202l-4%202v2l3%203v12H11v-3a2%202%200%200%200-2-2a2%202%200%200%200-2%202v3H2zm16-3c-.55%200-1%20.54-1%201.2V13h2v-1.8c0-.66-.45-1.2-1-1.2%22%2F%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%2013h2v2h2v-2h2v2h2v-2h2v2h2v-5l3-3V1h2l4%202l-4%202v2l3%203v12H11v-3a2%202%200%200%200-2-2a2%202%200%200%200-2%202v3H2zm16-3c-.55%200-1%20.54-1%201.2V13h2v-1.8c0-.66-.45-1.2-1-1.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/castle.svg?color=%231a73e8&size=48