castle icon
castle-outline from Material Symbols Light by Google · Outline · Maps · Apache-2.0 Free for personal and commercial use.
- Name
- castle-outline
- Set
- Material Symbols Light
- Style
- Outline
- 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-8V18q0-1.056-.722-1.778T12 15.5t-1.778.722T9.5 18v2.5zm1-1h6V18q0-1.458 1.021-2.479T12 14.5t2.479 1.021T15.5 18v1.5h6v-7h-4v-6h-11v6h-4zm7-8h1V9.308h-1zm4 0h1V9.308h-1zM12 13"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightCastleOutline(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-8V18q0-1.056-.722-1.778T12 15.5t-1.778.722T9.5 18v2.5zm1-1h6V18q0-1.458 1.021-2.479T12 14.5t2.479 1.021T15.5 18v1.5h6v-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-8V18q0-1.056-.722-1.778T12 15.5t-1.778.722T9.5 18v2.5zm1-1h6V18q0-1.458 1.021-2.479T12 14.5t2.479 1.021T15.5 18v1.5h6v-7h-4v-6h-11v6h-4zm7-8h1V9.308h-1zm4 0h1V9.308h-1zM12 13"/></svg> </template>
CSS
.icon-castle-outline {
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-8V18q0-1.056-.722-1.778T12%2015.5t-1.778.722T9.5%2018v2.5zm1-1h6V18q0-1.458%201.021-2.479T12%2014.5t2.479%201.021T15.5%2018v1.5h6v-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-8V18q0-1.056-.722-1.778T12%2015.5t-1.778.722T9.5%2018v2.5zm1-1h6V18q0-1.458%201.021-2.479T12%2014.5t2.479%201.021T15.5%2018v1.5h6v-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.svg?color=%231a73e8&size=48
