ICONYZ
English
Ancient Ruins icon from Game Icons

Ancient Ruins icon

game-icons:ancient-ruins

The Ancient Ruins icon (game-icons:ancient-ruins) 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
ancientruins, ruin
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m277.822 18l-33.46 5.637l20.41 20.41l42.12-5.5L457.26 171.332l8.892 52.78l-188.006-57.487l-8.16 12.145L494 247.27v-65.372L321.695 18zm-55.242 9.307L42.775 57.597l-14.457 47.276l195.346 59.732c3.162-2.613 6.453-5.325 12.973-10.673L71.084 103.31l34.695-36.474l2.195-2.31L242.262 46.99L222.58 27.31zm78.53 30.146l-20.282 2.65l23.832 23.83l-32.492 10.833l46.45 11.61l-29.983 44.634l154.928 47.373l-2.995-17.778l-139.46-123.152zm-42.794 5.59L116.626 81.55l-12.427 13.063l149.204 45.625c10.38-8.434 21.128-17.107 30.07-24.093l-75.64-18.91l63.506-21.17zM148.13 164.598l-26.595 26.595l-11.867-23.734l-14.95 44.843l-27.23-40.846L53.434 424.46c34.415 5.734 70.622 6.06 109.13-.075zm-5.134 43.134l6 202l-17.992.536l-6-202zm-69.992.004l17.992.528l-6 204l-17.992-.528zM99 208h18v208H99zm310 57v42.73c15.296 4.103 50.7 4.374 85 3.99V265zm-21.236 64c-3.1 2.538-6.47 4.89-10.202 6.822c-6.376 3.302-14.134 5.18-22.37 3.875c-4.783-.758-9.604-2.636-14.467-5.408L327.155 375H439v-46zM457 329v46h37v-46zm-185.658 17.377c-8.592 4.21-16.74 8.066-23.008 13.033c-5.09 4.035-9.18 8.75-12.11 15.59h78.05zM237.104 393c6.465 18.295 8.62 33.21 8.447 46H247v-46zM265 393v46h110v-46zm186.73 0l-46.003 46H494v-46zM195 442.203c-36.733 4.718-73.905 6.542-111.535 5.186l-3.414 4.45l35.934 6.764l-34.38 29.76c38.292 1.366 76.09-.08 113.396-4.42zm-174 .014v41.69a820 820 0 0 0 34.656 3.113l20.36-17.624l-28.067-5.283l13.704-17.867a670 670 0 0 1-40.654-4.03zM243.748 457c-2.055 11.088-5.47 20.656-8.2 30H311v-30zM329 457v30h110v-30zm128 0v30h37v-30z"/></svg>

How to use the Ancient Ruins icon

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:ancient-ruins" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:ancient-ruins" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:ancient-ruins" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--ancient-ruins]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:ancient-ruins"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:ancient-ruins"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/ancient-ruins.svg" alt="Ancient Ruins icon" width="24" height="24">

Related icons in Game Icons

Ancient Ruins icon FAQ

Is the Ancient Ruins 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 Ancient Ruins icon in React?

Install @iconify/react and render <Icon icon="game-icons:ancient-ruins" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Ancient Ruins icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/ancient-ruins.svg" alt="Ancient Ruins icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →