castle icon
castle-outline-sharp from Material Symbols Light by Google · Outline Sharp · Maps · Apache-2.0 Free for personal and commercial use.
- Name
- castle-outline-sharp
- Set
- Material Symbols Light
- Style
- Outline Sharp
- Category
- Maps
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
castleBoxIcons v2 SolidcastleEmoji One (Colored)castleFluent EmojicastleFluent Emoji FlatcastleFluent Emoji High ContrastcastleHuge IconscastleIconParkcastleIconPark OutlinecastleIconPark SolidcastleIconPark TwoTonecastleJam IconscastleLucidecastleMaterial SymbolscastleMaterial Design IconscastleNoto EmojicastleOpenMojicastlePixelarticonscastleStreamline EmojiscastleTDesign IconscastleTwitter Emoji
More maps icons from Material Symbols Light
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.5 20.5v-11h1v2h3v-8h1v2h3v-2h1v2h3v-2h1v2h3v-2h1v8h3v-2h1v11h-8v-5h-5v5zm1-1h6v-5h7v5h6v-7h-4v-6h-11v6h-4zm7-8h1V9.308h-1zm4 0h1V9.308h-1zM12 13"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightCastleOutlineSharp(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.5 20.5v-11h1v2h3v-8h1v2h3v-2h1v2h3v-2h1v2h3v-2h1v8h3v-2h1v11h-8v-5h-5v5zm1-1h6v-5h7v5h6v-7h-4v-6h-11v6h-4zm7-8h1V9.308h-1zm4 0h1V9.308h-1zM12 13"/></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.5 20.5v-11h1v2h3v-8h1v2h3v-2h1v2h3v-2h1v2h3v-2h1v8h3v-2h1v11h-8v-5h-5v5zm1-1h6v-5h7v5h6v-7h-4v-6h-11v6h-4zm7-8h1V9.308h-1zm4 0h1V9.308h-1zM12 13"/></svg> </template>
CSS
.icon-castle-outline-sharp {
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.5%2020.5v-11h1v2h3v-8h1v2h3v-2h1v2h3v-2h1v2h3v-2h1v8h3v-2h1v11h-8v-5h-5v5zm1-1h6v-5h7v5h6v-7h-4v-6h-11v6h-4zm7-8h1V9.308h-1zm4%200h1V9.308h-1zM12%2013%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.5%2020.5v-11h1v2h3v-8h1v2h3v-2h1v2h3v-2h1v2h3v-2h1v8h3v-2h1v11h-8v-5h-5v5zm1-1h6v-5h7v5h6v-7h-4v-6h-11v6h-4zm7-8h1V9.308h-1zm4%200h1V9.308h-1zM12%2013%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/castle-outline-sharp.svg?color=%231a73e8&size=48
