castle emoji
castle from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.
- Name
- castle
- Set
- Twitter Emoji
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji 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 EmojiscastleTDesign Icons
More travel & places icons from Twitter Emoji
Use the castle emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M4 17h28v19H4z"/><path fill="#269" d="M6 13h23v5H6z"/><path fill="#aab8c2" d="M1 12v22a2 2 0 0 0 2 2h4V12zm28 0v24h4a2 2 0 0 0 2-2V12z"/><path fill="#f2f9ff" d="M14 22h8v11h-8z"/><path fill="#269" d="M22 19c-.295 0-.558.391-.74 1h-6.52c-.183-.609-.445-1-.74-1c-.552 0-1 1.344-1 3c0 1.657.448 3 1 3s1-1.343 1-3h6c0 1.657.447 3 1 3s1-1.343 1-3c0-1.656-.447-3-1-3"/><path fill="#66757f" d="M3 17h2v2H3zm6 3h2v2H9zm16 0h2v2h-2zM9 24h2v2H9zm16 0h2v2h-2zM3 21h2v2H3zm28-4h2v2h-2zm0 4h2v2h-2z"/><path fill="#f2f9ff" d="M13 22h10v4H13z"/><path fill="#66757f" d="M18 26a2 2 0 0 0-2 2v5h4v-5a2 2 0 0 0-2-2"/><path fill="#8899a6" d="M12 33h12v3H12z"/><path fill="#269" d="M1 12h6S5 4 4 4s-3 8-3 8m28 0h6s-2-8-3-8s-3 8-3 8"/><path fill="#ccd6dd" d="M8 14a1 1 0 0 1-1 1H1a1 1 0 0 1 0-2h6a1 1 0 0 1 1 1m28 0a1 1 0 0 1-1 1h-6a1 1 0 1 1 0-2h6a1 1 0 0 1 1 1"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiCastle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M4 17h28v19H4z"/><path fill="#269" d="M6 13h23v5H6z"/><path fill="#aab8c2" d="M1 12v22a2 2 0 0 0 2 2h4V12zm28 0v24h4a2 2 0 0 0 2-2V12z"/><path fill="#f2f9ff" d="M14 22h8v11h-8z"/><path fill="#269" d="M22 19c-.295 0-.558.391-.74 1h-6.52c-.183-.609-.445-1-.74-1c-.552 0-1 1.344-1 3c0 1.657.448 3 1 3s1-1.343 1-3h6c0 1.657.447 3 1 3s1-1.343 1-3c0-1.656-.447-3-1-3"/><path fill="#66757f" d="M3 17h2v2H3zm6 3h2v2H9zm16 0h2v2h-2zM9 24h2v2H9zm16 0h2v2h-2zM3 21h2v2H3zm28-4h2v2h-2zm0 4h2v2h-2z"/><path fill="#f2f9ff" d="M13 22h10v4H13z"/><path fill="#66757f" d="M18 26a2 2 0 0 0-2 2v5h4v-5a2 2 0 0 0-2-2"/><path fill="#8899a6" d="M12 33h12v3H12z"/><path fill="#269" d="M1 12h6S5 4 4 4s-3 8-3 8m28 0h6s-2-8-3-8s-3 8-3 8"/><path fill="#ccd6dd" d="M8 14a1 1 0 0 1-1 1H1a1 1 0 0 1 0-2h6a1 1 0 0 1 1 1m28 0a1 1 0 0 1-1 1h-6a1 1 0 1 1 0-2h6a1 1 0 0 1 1 1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M4 17h28v19H4z"/><path fill="#269" d="M6 13h23v5H6z"/><path fill="#aab8c2" d="M1 12v22a2 2 0 0 0 2 2h4V12zm28 0v24h4a2 2 0 0 0 2-2V12z"/><path fill="#f2f9ff" d="M14 22h8v11h-8z"/><path fill="#269" d="M22 19c-.295 0-.558.391-.74 1h-6.52c-.183-.609-.445-1-.74-1c-.552 0-1 1.344-1 3c0 1.657.448 3 1 3s1-1.343 1-3h6c0 1.657.447 3 1 3s1-1.343 1-3c0-1.656-.447-3-1-3"/><path fill="#66757f" d="M3 17h2v2H3zm6 3h2v2H9zm16 0h2v2h-2zM9 24h2v2H9zm16 0h2v2h-2zM3 21h2v2H3zm28-4h2v2h-2zm0 4h2v2h-2z"/><path fill="#f2f9ff" d="M13 22h10v4H13z"/><path fill="#66757f" d="M18 26a2 2 0 0 0-2 2v5h4v-5a2 2 0 0 0-2-2"/><path fill="#8899a6" d="M12 33h12v3H12z"/><path fill="#269" d="M1 12h6S5 4 4 4s-3 8-3 8m28 0h6s-2-8-3-8s-3 8-3 8"/><path fill="#ccd6dd" d="M8 14a1 1 0 0 1-1 1H1a1 1 0 0 1 0-2h6a1 1 0 0 1 1 1m28 0a1 1 0 0 1-1 1h-6a1 1 0 1 1 0-2h6a1 1 0 0 1 1 1"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M4%2017h28v19H4z%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M6%2013h23v5H6z%22%2F%3E%3Cpath%20fill%3D%22%23aab8c2%22%20d%3D%22M1%2012v22a2%202%200%200%200%202%202h4V12zm28%200v24h4a2%202%200%200%200%202-2V12z%22%2F%3E%3Cpath%20fill%3D%22%23f2f9ff%22%20d%3D%22M14%2022h8v11h-8z%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M22%2019c-.295%200-.558.391-.74%201h-6.52c-.183-.609-.445-1-.74-1c-.552%200-1%201.344-1%203c0%201.657.448%203%201%203s1-1.343%201-3h6c0%201.657.447%203%201%203s1-1.343%201-3c0-1.656-.447-3-1-3%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M3%2017h2v2H3zm6%203h2v2H9zm16%200h2v2h-2zM9%2024h2v2H9zm16%200h2v2h-2zM3%2021h2v2H3zm28-4h2v2h-2zm0%204h2v2h-2z%22%2F%3E%3Cpath%20fill%3D%22%23f2f9ff%22%20d%3D%22M13%2022h10v4H13z%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M18%2026a2%202%200%200%200-2%202v5h4v-5a2%202%200%200%200-2-2%22%2F%3E%3Cpath%20fill%3D%22%238899a6%22%20d%3D%22M12%2033h12v3H12z%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M1%2012h6S5%204%204%204s-3%208-3%208m28%200h6s-2-8-3-8s-3%208-3%208%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M8%2014a1%201%200%200%201-1%201H1a1%201%200%200%201%200-2h6a1%201%200%200%201%201%201m28%200a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h6a1%201%200%200%201%201%201%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M4%2017h28v19H4z%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M6%2013h23v5H6z%22%2F%3E%3Cpath%20fill%3D%22%23aab8c2%22%20d%3D%22M1%2012v22a2%202%200%200%200%202%202h4V12zm28%200v24h4a2%202%200%200%200%202-2V12z%22%2F%3E%3Cpath%20fill%3D%22%23f2f9ff%22%20d%3D%22M14%2022h8v11h-8z%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M22%2019c-.295%200-.558.391-.74%201h-6.52c-.183-.609-.445-1-.74-1c-.552%200-1%201.344-1%203c0%201.657.448%203%201%203s1-1.343%201-3h6c0%201.657.447%203%201%203s1-1.343%201-3c0-1.656-.447-3-1-3%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M3%2017h2v2H3zm6%203h2v2H9zm16%200h2v2h-2zM9%2024h2v2H9zm16%200h2v2h-2zM3%2021h2v2H3zm28-4h2v2h-2zm0%204h2v2h-2z%22%2F%3E%3Cpath%20fill%3D%22%23f2f9ff%22%20d%3D%22M13%2022h10v4H13z%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M18%2026a2%202%200%200%200-2%202v5h4v-5a2%202%200%200%200-2-2%22%2F%3E%3Cpath%20fill%3D%22%238899a6%22%20d%3D%22M12%2033h12v3H12z%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M1%2012h6S5%204%204%204s-3%208-3%208m28%200h6s-2-8-3-8s-3%208-3%208%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M8%2014a1%201%200%200%201-1%201H1a1%201%200%200%201%200-2h6a1%201%200%200%201%201%201m28%200a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h6a1%201%200%200%201%201%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/castle.svg?color=%231a73e8&size=48
