pagoda icon
pagoda from IconPark Outline by ByteDance · Outline · Build · Apache-2.0 Free for personal and commercial use.
- Name
- pagoda
- Set
- IconPark Outline
- Style
- Outline
- Category
- Build
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More build icons from IconPark Outline
Use the pagoda icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="4"><path d="M18 16h12s2.424 2.672 4.5 3.429c1.301.474 3.5.571 3.5.571s-1.242.775-2.1 1.143C34.815 21.608 33 22 33 22H15s-1.815-.392-2.9-.857C11.242 20.775 10 20 10 20s2.199-.098 3.5-.571C15.576 18.673 18 16 18 16Zm-1 12h14s2.627 2.672 5 3.429c1.487.474 4 .571 4 .571s-1.42.775-2.4 1.143C36.36 33.608 34 34 34 34H14s-2.36-.392-3.6-.857C9.42 32.775 8 32 8 32s2.513-.098 4-.571C14.373 30.673 17 28 17 28Zm1-20.571C20.45 6.299 24 4 24 4s3.55 2.298 6 3.429c.772.356 2 .857 2 .857s-.726.556-1.2.857C30.183 9.535 29 10 29 10H19s-1.183-.465-1.8-.857c-.474-.301-1.2-.857-1.2-.857s1.228-.501 2-.857Z"/><path stroke-linecap="round" d="M21 10v6m6-6v6m-8 6v6m10-6v6m-13 6v10h16V34"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkOutlinePagoda(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="4"><path d="M18 16h12s2.424 2.672 4.5 3.429c1.301.474 3.5.571 3.5.571s-1.242.775-2.1 1.143C34.815 21.608 33 22 33 22H15s-1.815-.392-2.9-.857C11.242 20.775 10 20 10 20s2.199-.098 3.5-.571C15.576 18.673 18 16 18 16Zm-1 12h14s2.627 2.672 5 3.429c1.487.474 4 .571 4 .571s-1.42.775-2.4 1.143C36.36 33.608 34 34 34 34H14s-2.36-.392-3.6-.857C9.42 32.775 8 32 8 32s2.513-.098 4-.571C14.373 30.673 17 28 17 28Zm1-20.571C20.45 6.299 24 4 24 4s3.55 2.298 6 3.429c.772.356 2 .857 2 .857s-.726.556-1.2.857C30.183 9.535 29 10 29 10H19s-1.183-.465-1.8-.857c-.474-.301-1.2-.857-1.2-.857s1.228-.501 2-.857Z"/><path strokeLinecap="round" d="M21 10v6m6-6v6m-8 6v6m10-6v6m-13 6v10h16V34"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="4"><path d="M18 16h12s2.424 2.672 4.5 3.429c1.301.474 3.5.571 3.5.571s-1.242.775-2.1 1.143C34.815 21.608 33 22 33 22H15s-1.815-.392-2.9-.857C11.242 20.775 10 20 10 20s2.199-.098 3.5-.571C15.576 18.673 18 16 18 16Zm-1 12h14s2.627 2.672 5 3.429c1.487.474 4 .571 4 .571s-1.42.775-2.4 1.143C36.36 33.608 34 34 34 34H14s-2.36-.392-3.6-.857C9.42 32.775 8 32 8 32s2.513-.098 4-.571C14.373 30.673 17 28 17 28Zm1-20.571C20.45 6.299 24 4 24 4s3.55 2.298 6 3.429c.772.356 2 .857 2 .857s-.726.556-1.2.857C30.183 9.535 29 10 29 10H19s-1.183-.465-1.8-.857c-.474-.301-1.2-.857-1.2-.857s1.228-.501 2-.857Z"/><path stroke-linecap="round" d="M21 10v6m6-6v6m-8 6v6m10-6v6m-13 6v10h16V34"/></g></svg> </template>
CSS
.icon-pagoda {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M18%2016h12s2.424%202.672%204.5%203.429c1.301.474%203.5.571%203.5.571s-1.242.775-2.1%201.143C34.815%2021.608%2033%2022%2033%2022H15s-1.815-.392-2.9-.857C11.242%2020.775%2010%2020%2010%2020s2.199-.098%203.5-.571C15.576%2018.673%2018%2016%2018%2016Zm-1%2012h14s2.627%202.672%205%203.429c1.487.474%204%20.571%204%20.571s-1.42.775-2.4%201.143C36.36%2033.608%2034%2034%2034%2034H14s-2.36-.392-3.6-.857C9.42%2032.775%208%2032%208%2032s2.513-.098%204-.571C14.373%2030.673%2017%2028%2017%2028Zm1-20.571C20.45%206.299%2024%204%2024%204s3.55%202.298%206%203.429c.772.356%202%20.857%202%20.857s-.726.556-1.2.857C30.183%209.535%2029%2010%2029%2010H19s-1.183-.465-1.8-.857c-.474-.301-1.2-.857-1.2-.857s1.228-.501%202-.857Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M21%2010v6m6-6v6m-8%206v6m10-6v6m-13%206v10h16V34%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M18%2016h12s2.424%202.672%204.5%203.429c1.301.474%203.5.571%203.5.571s-1.242.775-2.1%201.143C34.815%2021.608%2033%2022%2033%2022H15s-1.815-.392-2.9-.857C11.242%2020.775%2010%2020%2010%2020s2.199-.098%203.5-.571C15.576%2018.673%2018%2016%2018%2016Zm-1%2012h14s2.627%202.672%205%203.429c1.487.474%204%20.571%204%20.571s-1.42.775-2.4%201.143C36.36%2033.608%2034%2034%2034%2034H14s-2.36-.392-3.6-.857C9.42%2032.775%208%2032%208%2032s2.513-.098%204-.571C14.373%2030.673%2017%2028%2017%2028Zm1-20.571C20.45%206.299%2024%204%2024%204s3.55%202.298%206%203.429c.772.356%202%20.857%202%20.857s-.726.556-1.2.857C30.183%209.535%2029%2010%2029%2010H19s-1.183-.465-1.8-.857c-.474-.301-1.2-.857-1.2-.857s1.228-.501%202-.857Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M21%2010v6m6-6v6m-8%206v6m10-6v6m-13%206v10h16V34%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-outline/pagoda.svg?color=%231a73e8&size=48
