castle icon
castle from Material Symbols by Google · Regular · Maps · Apache-2.0 Free for personal and commercial use.
- Name
- castle
- Set
- Material Symbols
- Style
- Regular
- Category
- Maps
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols
The same icon in other sets
castleBoxIcons v2 SolidcastleEmoji One (Colored)castleFluent EmojicastleFluent Emoji FlatcastleFluent Emoji High ContrastcastleHuge IconscastleIconParkcastleIconPark OutlinecastleIconPark SolidcastleIconPark TwoTonecastleJam IconscastleLucidecastleMaterial Symbols LightcastleMaterial Design IconscastleNoto EmojicastleOpenMojicastlePixelarticonscastleStreamline EmojiscastleTDesign IconscastleTwitter Emoji
More maps icons from Material Symbols
360add-homeadd-home-workadd-locationadd-location-altadd-roadadd-triangleairline-stopsalt-routeassist-walkeraward-mealbaby-changing-stationbeenherebusiness-centercalendar-meal-2churchcleaning-servicescompass-calibrationconnecting-airportscrisis-alertdirectionsdirections-altdirections-alt-offdirections-off
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="M1 21V9h2v2h2V3h2v2h2V3h2v2h2V3h2v2h2V3h2v8h2V9h2v12h-9v-3q0-.825-.587-1.412T12 16t-1.412.588T10 18v3zm8-9h2V9H9zm4 0h2V9h-2z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsCastle(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="M1 21V9h2v2h2V3h2v2h2V3h2v2h2V3h2v2h2V3h2v8h2V9h2v12h-9v-3q0-.825-.587-1.412T12 16t-1.412.588T10 18v3zm8-9h2V9H9zm4 0h2V9h-2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1 21V9h2v2h2V3h2v2h2V3h2v2h2V3h2v2h2V3h2v8h2V9h2v12h-9v-3q0-.825-.587-1.412T12 16t-1.412.588T10 18v3zm8-9h2V9H9zm4 0h2V9h-2z"/></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%22M1%2021V9h2v2h2V3h2v2h2V3h2v2h2V3h2v2h2V3h2v8h2V9h2v12h-9v-3q0-.825-.587-1.412T12%2016t-1.412.588T10%2018v3zm8-9h2V9H9zm4%200h2V9h-2z%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%22M1%2021V9h2v2h2V3h2v2h2V3h2v2h2V3h2v2h2V3h2v8h2V9h2v12h-9v-3q0-.825-.587-1.412T12%2016t-1.412.588T10%2018v3zm8-9h2V9H9zm4%200h2V9h-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/castle.svg?color=%231a73e8&size=48
