Modern City icon
game-icons:modern-city
The Modern City icon (game-icons:modern-city) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Game Icons
- Author
- GameIcons
- License
- CC-BY-3.0
- Size
- 512 × 512
- Tags
- moderncity
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M217 25v30h30V25zm48 0v30h30V25zm48 0v30h30V25zm-96 48v46h30V73zm48 0v46h30V73zm48 0v46h30V73zm-96 64v46h30v-46zm48 0v46h30v-46zm48 0v46h30v-46zm174 6.508l-94 53.715V215h94zM217 201v46h30v-46zm48 0v46h30v-46zm48 0v46h30v-46zm80 32v110h94V233zM39 256v23h18v-23zm178 9v46h30v-46zm48 0v46h30v-46zm48 0v46h30v-46zM37.562 297l-7 14h146.875l-7-14zM25 329v158h23v-23h32v23h48v-23h32v23h23V329zm192 0v46h30v-46zm48 0v46h30v-46zm48 0v46h30v-46zM48 352h32v16H48zm80 0h32v16h-32zm265 9v126h31v-23h32v23h31V361zM48 384h32v16H48zm80 0h32v16h-32zm89 9v46h30v-46zm48 0v46h30v-46zm48 0v46h30v-46zM48 416h32v16H48zm80 0h32v16h-32zm89 41v30h30v-30zm48 0v30h30v-30zm48 0v30h30v-30z"/></svg>How to use the Modern City icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:modern-city" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:modern-city" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:modern-city" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--modern-city]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:modern-city"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:modern-city"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/modern-city.svg" alt="Modern City icon" width="24" height="24">Modern City icon FAQ
Is the Modern City icon free for commercial use?
Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Modern City icon in React?
Install @iconify/react and render <Icon icon="game-icons:modern-city" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Modern City icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/modern-city.svg" alt="Modern City icon">, or paste the SVG code inline to style it with CSS.