castle icon
castle from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- castle
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
castleBoxIcons v2 SolidcastleEmoji One (Colored)castleFluent EmojicastleFluent Emoji FlatcastleFluent Emoji High ContrastcastleIconParkcastleIconPark OutlinecastleIconPark SolidcastleIconPark TwoTonecastleJam IconscastleLucidecastleMaterial SymbolscastleMaterial Symbols LightcastleMaterial Design IconscastleNoto EmojicastleOpenMojicastlePixelarticonscastleStreamline EmojiscastleTDesign IconscastleTwitter Emoji
Related icons in Huge Icons
Use the castle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M15.75 4h-7.5c-.702 0-1.053 0-1.306.169a1 1 0 0 0-.275.275C6.5 4.697 6.5 5.048 6.5 5.75s0 1.053.169 1.306a1 1 0 0 0 .275.275c.253.169.604.169 1.306.169h7.5c.702 0 1.053 0 1.306-.169a1 1 0 0 0 .275-.275c.169-.253.169-.604.169-1.306s0-1.053-.169-1.306a1 1 0 0 0-.275-.275C16.803 4 16.452 4 15.75 4ZM15 22l-.671-4.027c-.114-.681-.17-1.022-.336-1.28a1.5 1.5 0 0 0-.675-.573C13.036 16 12.691 16 12 16c-.69 0-1.036 0-1.318.12a1.5 1.5 0 0 0-.675.572c-.165.259-.222.6-.336 1.28L9 22"/><path d="M16 7.5H8L6 22h12z"/><path d="M17.794 22c2.127 0 3.19 0 3.788-.683c.598-.682.457-1.737.176-3.846l-.266-2C21.066 12.276 20.092 12 17 12M6.207 22c-2.128 0-3.192 0-3.79-.683c-.597-.682-.456-1.737-.175-3.846l.266-2C2.933 12.285 3.898 12 7 12m1-8V2m4 2V2m4 2V2"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsCastle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M15.75 4h-7.5c-.702 0-1.053 0-1.306.169a1 1 0 0 0-.275.275C6.5 4.697 6.5 5.048 6.5 5.75s0 1.053.169 1.306a1 1 0 0 0 .275.275c.253.169.604.169 1.306.169h7.5c.702 0 1.053 0 1.306-.169a1 1 0 0 0 .275-.275c.169-.253.169-.604.169-1.306s0-1.053-.169-1.306a1 1 0 0 0-.275-.275C16.803 4 16.452 4 15.75 4ZM15 22l-.671-4.027c-.114-.681-.17-1.022-.336-1.28a1.5 1.5 0 0 0-.675-.573C13.036 16 12.691 16 12 16c-.69 0-1.036 0-1.318.12a1.5 1.5 0 0 0-.675.572c-.165.259-.222.6-.336 1.28L9 22"/><path d="M16 7.5H8L6 22h12z"/><path d="M17.794 22c2.127 0 3.19 0 3.788-.683c.598-.682.457-1.737.176-3.846l-.266-2C21.066 12.276 20.092 12 17 12M6.207 22c-2.128 0-3.192 0-3.79-.683c-.597-.682-.456-1.737-.175-3.846l.266-2C2.933 12.285 3.898 12 7 12m1-8V2m4 2V2m4 2V2"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M15.75 4h-7.5c-.702 0-1.053 0-1.306.169a1 1 0 0 0-.275.275C6.5 4.697 6.5 5.048 6.5 5.75s0 1.053.169 1.306a1 1 0 0 0 .275.275c.253.169.604.169 1.306.169h7.5c.702 0 1.053 0 1.306-.169a1 1 0 0 0 .275-.275c.169-.253.169-.604.169-1.306s0-1.053-.169-1.306a1 1 0 0 0-.275-.275C16.803 4 16.452 4 15.75 4ZM15 22l-.671-4.027c-.114-.681-.17-1.022-.336-1.28a1.5 1.5 0 0 0-.675-.573C13.036 16 12.691 16 12 16c-.69 0-1.036 0-1.318.12a1.5 1.5 0 0 0-.675.572c-.165.259-.222.6-.336 1.28L9 22"/><path d="M16 7.5H8L6 22h12z"/><path d="M17.794 22c2.127 0 3.19 0 3.788-.683c.598-.682.457-1.737.176-3.846l-.266-2C21.066 12.276 20.092 12 17 12M6.207 22c-2.128 0-3.192 0-3.79-.683c-.597-.682-.456-1.737-.175-3.846l.266-2C2.933 12.285 3.898 12 7 12m1-8V2m4 2V2m4 2V2"/></g></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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M15.75%204h-7.5c-.702%200-1.053%200-1.306.169a1%201%200%200%200-.275.275C6.5%204.697%206.5%205.048%206.5%205.75s0%201.053.169%201.306a1%201%200%200%200%20.275.275c.253.169.604.169%201.306.169h7.5c.702%200%201.053%200%201.306-.169a1%201%200%200%200%20.275-.275c.169-.253.169-.604.169-1.306s0-1.053-.169-1.306a1%201%200%200%200-.275-.275C16.803%204%2016.452%204%2015.75%204ZM15%2022l-.671-4.027c-.114-.681-.17-1.022-.336-1.28a1.5%201.5%200%200%200-.675-.573C13.036%2016%2012.691%2016%2012%2016c-.69%200-1.036%200-1.318.12a1.5%201.5%200%200%200-.675.572c-.165.259-.222.6-.336%201.28L9%2022%22%2F%3E%3Cpath%20d%3D%22M16%207.5H8L6%2022h12z%22%2F%3E%3Cpath%20d%3D%22M17.794%2022c2.127%200%203.19%200%203.788-.683c.598-.682.457-1.737.176-3.846l-.266-2C21.066%2012.276%2020.092%2012%2017%2012M6.207%2022c-2.128%200-3.192%200-3.79-.683c-.597-.682-.456-1.737-.175-3.846l.266-2C2.933%2012.285%203.898%2012%207%2012m1-8V2m4%202V2m4%202V2%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M15.75%204h-7.5c-.702%200-1.053%200-1.306.169a1%201%200%200%200-.275.275C6.5%204.697%206.5%205.048%206.5%205.75s0%201.053.169%201.306a1%201%200%200%200%20.275.275c.253.169.604.169%201.306.169h7.5c.702%200%201.053%200%201.306-.169a1%201%200%200%200%20.275-.275c.169-.253.169-.604.169-1.306s0-1.053-.169-1.306a1%201%200%200%200-.275-.275C16.803%204%2016.452%204%2015.75%204ZM15%2022l-.671-4.027c-.114-.681-.17-1.022-.336-1.28a1.5%201.5%200%200%200-.675-.573C13.036%2016%2012.691%2016%2012%2016c-.69%200-1.036%200-1.318.12a1.5%201.5%200%200%200-.675.572c-.165.259-.222.6-.336%201.28L9%2022%22%2F%3E%3Cpath%20d%3D%22M16%207.5H8L6%2022h12z%22%2F%3E%3Cpath%20d%3D%22M17.794%2022c2.127%200%203.19%200%203.788-.683c.598-.682.457-1.737.176-3.846l-.266-2C21.066%2012.276%2020.092%2012%2017%2012M6.207%2022c-2.128%200-3.192%200-3.79-.683c-.597-.682-.456-1.737-.175-3.846l.266-2C2.933%2012.285%203.898%2012%207%2012m1-8V2m4%202V2m4%202V2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/castle.svg?color=%231a73e8&size=48
