Chinese Pavilion icon
icon-park:chinese-pavilion
The Chinese Pavilion icon (icon-park:chinese-pavilion) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Build
- Tags
- chinesepavilion
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path fill="#2F88FF" stroke-linejoin="round" d="M15 12H33C33 12 36.3632 15.0112 39 16C40.8645 16.6992 44 17 44 17C44 17 42.1839 17.6487 41 18C39.4563 18.458 37 19 37 19H24H11C11 19 8.54366 18.458 7 18C5.81607 17.6487 4 17 4 17C4 17 7.1355 16.6992 9 16C11.6368 15.0112 15 12 15 12Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M18 12L24 4L30 12H18Z"/><path stroke-linecap="round" d="M11 19L11 38"/><path stroke-linecap="round" d="M37 19V38"/><rect width="36" height="6" x="6" y="38" stroke-linejoin="round"/></g></svg>
How to use the Chinese Pavilion icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:chinese-pavilion" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:chinese-pavilion" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:chinese-pavilion" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--chinese-pavilion]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:chinese-pavilion"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:chinese-pavilion"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/chinese-pavilion.svg" alt="Chinese Pavilion icon" width="24" height="24">
Related icons in IconPark
Chinese Pavilion icon in other icon sets
Chinese Pavilion icon FAQ
Is the Chinese Pavilion icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Chinese Pavilion icon in React?
Install @iconify/react and render <Icon icon="icon-park:chinese-pavilion" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Chinese Pavilion icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/chinese-pavilion.svg" alt="Chinese Pavilion icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
