Town icon
openmoji:town
The Town icon (openmoji:town) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- OpenMoji
- Author
- OpenMoji
- License
- CC-BY-SA-4.0
- Size
- 72 × 72
- Category
- Extras Openmoji
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="M49 41.711L36 30L23 41.711V61h26z"/><path fill="#fff" d="m31.028 42.624l-9.083-8.501l-6.945-5.2l-8 7.207V48h16m26 11h17V46.388l-9.152-8.026l-9.807 8.335M41.6 35v-9.624L36 20l-5.6 5.376V35"/><path fill="#d0cfce" d="M49 61V42L32 61m-9-13v-7.667L15.333 48M66 59V47L56 59"/><path d="M36 20.763a1.05 1.05 0 0 1-1.049-1.048v-9.43a1.048 1.048 0 0 1 2.097 0v9.43c0 .579-.469 1.048-1.048 1.048"/><path d="M39.824 15.157h-7.647a1.048 1.048 0 0 1 0-2.097h7.647a1.048 1.048 0 0 1 0 2.097"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M49 41.711L36 30L23 41.711V61h26zM23 36.13l-8-7.207l-8 7.207V48h16m26 11h17V46.388l-8.5-7.657l-4.643 4.126"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M41.6 35v-9.624L36 20l-5.6 5.376V35"/></svg>How to use the Town icon
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:town" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:town" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:town" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--town]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:town"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:town"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/openmoji/town.svg" alt="Town icon" width="24" height="24">Town icon in other icon sets
Town icon FAQ
Is the Town icon free for commercial use?
Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Town icon in React?
Install @iconify/react and render <Icon icon="openmoji:town" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Town icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/town.svg" alt="Town icon">, or paste the SVG code inline to style it with CSS.