Dungeon icon
la:dungeon
The Dungeon icon (la:dungeon) is a free SVG icon from the Line Awesome set by Icons8. It is drawn on a 32 × 32 grid. Line Awesome 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
- Line Awesome
- Author
- Icons8
- License
- Apache-2.0
- Size
- 32 × 32
- Category
- Tabletop Gaming
- Tags
- dungeon solid
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16 5c-1.038 0-2.04.155-2.994.428l1.441 3.752C14.947 9.066 15.466 9 16 9s1.053.066 1.553.18l1.441-3.752A11 11 0 0 0 16 5m-4.86 1.152a11.1 11.1 0 0 0-3.826 3.135l3.385 2.154c.096-.11.199-.215.301-.32v.01c.03-.05.08-.101.13-.131h-.017a7 7 0 0 1 1.467-1.104zm9.72 0l-1.44 3.746A7 7 0 0 1 20.877 11h-.008c.05.03.101.08.131.13v-.015q.251.255.475.535l3.464-2.021a11.1 11.1 0 0 0-4.08-3.477zM6.233 10.971A10.9 10.9 0 0 0 5 16h4c0-1.024.227-1.994.623-2.871L6.234 10.97zM16 11c-.34 0-.68.03-1 .1V25h2V11.1c-.32-.07-.66-.1-1-.1m9.95.354l-3.466 2.021c.33.812.516 1.697.516 2.625h4c0-1.66-.385-3.231-1.05-4.646M13 12c-1.21.91-2 2.37-2 4v9h2zm6 0v13h2v-9c0-1.63-.79-3.09-2-4M5 18v4h4v-4zm18 0v4h4v-4zM5 24v3h4v-3zm18 0v3h4v-3z"/></svg>How to use the Dungeon icon
React
import { Icon } from "@iconify/react";
<Icon icon="la:dungeon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:dungeon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:dungeon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--dungeon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:dungeon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:dungeon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/la/dungeon.svg" alt="Dungeon icon" width="24" height="24">Dungeon icon in other icon sets
Dungeon icon FAQ
Is the Dungeon icon free for commercial use?
Yes. Line Awesome icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Dungeon icon in React?
Install @iconify/react and render <Icon icon="la:dungeon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Dungeon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/la/dungeon.svg" alt="Dungeon icon">, or paste the SVG code inline to style it with CSS.