City Gate icon
icon-park:city-gate
The City Gate icon (icon-park:city-gate) 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
- citygate
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 11H32C32 11 37.0476 13.9664 39 15C40.0914 15.5778 44 16 44 16C44 16 42.1839 16.6487 41 17C39.4563 17.458 37 18 37 18H24H11C11 18 8.54366 17.458 7 17C5.81607 16.6487 4 16 4 16C4 16 7.90857 15.5778 9 15C10.9524 13.9664 15 11 15 11Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M17 11L24 4L30 11H17Z"/><path d="M35 18V24"/><path d="M12 18V24"/><path stroke-linejoin="round" d="M4 44L6 24H42L44 44H4Z"/><path d="M20 38C20 35.7909 21.7909 34 24 34V34C26.2091 34 28 35.7909 28 38V44H20V38Z"/></g></svg>
How to use the City Gate icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:city-gate" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:city-gate" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:city-gate" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--city-gate]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:city-gate"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:city-gate"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/city-gate.svg" alt="City Gate icon" width="24" height="24">
Related icons in IconPark
City Gate icon in other icon sets
City Gate icon FAQ
Is the City Gate 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 City Gate icon in React?
Install @iconify/react and render <Icon icon="icon-park:city-gate" />, or use “Copy code” on this page to get a standalone React component.
How do I add the City Gate icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/city-gate.svg" alt="City Gate icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
