castle icon
castle-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.
- Name
- castle-filled
- Set
- TDesign Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in TDesign Icons
The same icon in other sets
castleBoxIcons v2 SolidcastleEmoji One (Colored)castleFluent EmojicastleFluent Emoji FlatcastleFluent Emoji High ContrastcastleHuge IconscastleIconParkcastleIconPark OutlinecastleIconPark SolidcastleIconPark TwoTonecastleJam IconscastleLucidecastleMaterial SymbolscastleMaterial Symbols LightcastleMaterial Design IconscastleNoto EmojicastleOpenMojicastlePixelarticonscastleStreamline EmojiscastleTwitter Emoji
Related icons in TDesign 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="M7 2v2h2V2h2v2h2V2h2v2h2V2h2v12h2v-1h2v9h-7.5v-8h-7v8H1v-9h2v1h2V2z"/><path fill="currentColor" d="M13.5 22v-6h-3v6z"/></svg>
React
import type { SVGProps } from "react";
export function TdesignCastleFilled(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="M7 2v2h2V2h2v2h2V2h2v2h2V2h2v12h2v-1h2v9h-7.5v-8h-7v8H1v-9h2v1h2V2z"/><path fill="currentColor" d="M13.5 22v-6h-3v6z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7 2v2h2V2h2v2h2V2h2v2h2V2h2v12h2v-1h2v9h-7.5v-8h-7v8H1v-9h2v1h2V2z"/><path fill="currentColor" d="M13.5 22v-6h-3v6z"/></svg> </template>
CSS
.icon-castle-filled {
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%22M7%202v2h2V2h2v2h2V2h2v2h2V2h2v12h2v-1h2v9h-7.5v-8h-7v8H1v-9h2v1h2V2z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.5%2022v-6h-3v6z%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%22M7%202v2h2V2h2v2h2V2h2v2h2V2h2v12h2v-1h2v9h-7.5v-8h-7v8H1v-9h2v1h2V2z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.5%2022v-6h-3v6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tdesign/castle-filled.svg?color=%231a73e8&size=48