Dome icon
icon-park:dome
The Dome icon (icon-park:dome) 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
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 stroke-linecap="round" stroke-linejoin="round" d="M4 43H44"/><path d="M5 24C5 24 14 23 24 23C34 23 43 24 43 24"/><path d="M6 18C6 18 15.0526 14 24 14C32.9474 14 42 18 42 18"/><path d="M5 30C5 30 14 32 24 32C34 32 43 30 43 30"/><path d="M24 6C12.9543 6 4 14.9543 4 26C4 33.8085 7.47484 39.7064 14 43H34C40.5252 39.7064 44 33.8085 44 26C44 14.9543 35.0457 6 24 6Z"/><path d="M24 6C20.134 6 17 14.9543 17 26C17 33.1773 18.0125 39.4716 20 43H28C29.9875 39.4716 31 33.1773 31 26C31 14.9543 27.866 6 24 6Z"/></g></svg>
How to use the Dome icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:dome" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:dome" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:dome" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--dome]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:dome"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:dome"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/dome.svg" alt="Dome icon" width="24" height="24">
Related icons in IconPark
Dome icon in other icon sets
Dome icon FAQ
Is the Dome 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 Dome icon in React?
Install @iconify/react and render <Icon icon="icon-park:dome" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Dome icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/dome.svg" alt="Dome icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
