Object Ungroup Bold icon
glyphs:object-ungroup-bold
The Object Ungroup Bold icon (glyphs:object-ungroup-bold) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs icons are released under the MIT 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
- Glyphs
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- objectungroup, ungroupbold, objectungroupbold
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path d="M27 60h-3a3 3 0 0 0 3 3zm0-10v-3a3 3 0 0 0-3 3zm6 10h3a3 3 0 0 0-3-3zm0 6h-3a3 3 0 0 0 3 3zm30 0v3a3 3 0 0 0 3-3zm0-6v-3a3 3 0 0 0-3 3zm6 0v3a3 3 0 0 0 3-3zm0-24h3a3 3 0 0 0-3-3zm-6 0h-3a3 3 0 0 0 3 3zm0-6h3a3 3 0 0 0-3-3zm-10 0v-3a3 3 0 0 0-3 3zm0 14h-3a3 3 0 0 0 3 3zm6 0h3a3 3 0 0 0-3-3zm0 12v3a3 3 0 0 0 3-3zm-12 0h-3a3 3 0 0 0 3 3zm0-6h3a3 3 0 0 0-3-3zM30 60V50h-6v10zm3-3h-6v6h6zm3 9v-6h-6v6zm27-3H33v6h30zm-3-3v6h6v-6zm9-3h-6v6h6zm-3-21v24h6V36zm-3 3h6v-6h-6zm-3-9v6h6v-6zm-7 3h10v-6H53zm3 11V30h-6v14zm3-3h-6v6h6zm3 15V44h-6v12zm-15 3h12v-6H47zm-3-9v6h6v-6zm-17 3h20v-6H27z"/><path stroke="currentColor" stroke-linecap="square" stroke-linejoin="round" stroke-width="6" d="M63 24h12v12H63zm0 36h12v12H63zm-42 0h12v12H21z"/><path d="M17 14v-3a3 3 0 0 0-3 3zm30 0h3a3 3 0 0 0-3-3zm-30 6v3a3 3 0 0 0 3-3zm-6 0v-3a3 3 0 0 0-3 3zm0 24H8a3 3 0 0 0 3 3zm6 0h3a3 3 0 0 0-3-3zm0 6h-3a3 3 0 0 0 3 3zm30 0v3a3 3 0 0 0 3-3zm0-6v-3a3 3 0 0 0-3 3zm6 0v3a3 3 0 0 0 3-3zm0-24h3a3 3 0 0 0-3-3zm-6 0h-3a3 3 0 0 0 3 3zm-30-3h30v-6H17zm3 3v-6h-6v6zm-9 3h6v-6h-6zm3 21V20H8v24zm-3 3h6v-6h-6zm3-3v6h6v-6zm33 3H17v6h30zm-3-3v6h6v-6zm9-3h-6v6h6zm-3-21v24h6V20zm-3 3h6v-6h-6zm-3-9v6h6v-6z"/><path stroke="currentColor" stroke-linecap="square" stroke-linejoin="round" stroke-width="6" d="M5 8h12v12H5zm42 0h12v12H47zm0 36h12v12H47zM5 44h12v12H5z"/></g></svg>
How to use the Object Ungroup Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:object-ungroup-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:object-ungroup-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:object-ungroup-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--object-ungroup-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:object-ungroup-bold"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:object-ungroup-bold"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/object-ungroup-bold.svg" alt="Object Ungroup Bold icon" width="24" height="24">
Object Ungroup Bold icon FAQ
Is the Object Ungroup Bold icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Object Ungroup Bold icon in React?
Install @iconify/react and render <Icon icon="glyphs:object-ungroup-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Object Ungroup Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/object-ungroup-bold.svg" alt="Object Ungroup Bold icon">, or paste the SVG code inline to style it with CSS.
Browse all Glyphs icons →
ICONYZ
