Folder Dot Open Broken icon

solar:folder-dot-open-broken

The Folder Dot Open Broken icon (solar:folder-dot-open-broken) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.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: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Tags: folderdot, dotopen, openbroken, folderdotopenbroken

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M12 16.5H12.0001"/><path d="M4 11.5V9M20 11.5V9.34843C20 7.37415 20 6.38701 19.3844 5.74537C19.3278 5.68635 19.2679 5.63018 19.2049 5.5771C18.5205 5 17.4676 5 15.3617 5H15.0627C14.1398 5 13.6783 5 13.2483 4.88508C13.012 4.82195 12.7844 4.73353 12.5697 4.62157C12.1789 4.41775 11.8526 4.11183 11.2 3.5L10.7598 3.08731C10.5411 2.88224 10.4317 2.77971 10.3168 2.69039C9.82122 2.30528 9.21332 2.06921 8.57246 2.01303C8.42381 2 8.26914 2 7.9598 2C7.25377 2 6.90076 2 6.60671 2.05201C5.31225 2.28098 4.29971 3.23023 4.05548 4.44379C4.02473 4.59657 4.01103 4.76633 4.00491 5C4 5.18795 4 5.41725 4 5.71231"/><path d="M10 11H8.7053C6.0379 11 4.7042 11 3.87908 11.7634C3.66852 11.9582 3.4866 12.1838 3.33908 12.433C2.761 13.4097 2.99958 14.7678 3.47674 17.4839C3.82024 19.4391 3.99198 20.4167 4.58706 21.0655C4.74145 21.2338 4.9142 21.383 5.10183 21.5101C5.825 22 6.7851 22 8.70531 22H15.2947C17.2149 22 18.175 22 18.8982 21.5101C19.0858 21.383 19.2585 21.2338 19.4129 21.0655C20.008 20.4167 20.1798 19.4391 20.5233 17.4839C21.0004 14.7678 21.239 13.4097 20.6609 12.433C20.5134 12.1838 20.3315 11.9582 20.1209 11.7634C19.2958 11 17.9621 11 15.2947 11H14"/></g></svg>

How to use the Folder Dot Open Broken icon

React

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

<Icon icon="solar:folder-dot-open-broken" width="24" />

Vue

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

<template>
  <Icon icon="solar:folder-dot-open-broken" width="24" />
</template>

Svelte

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

<Icon icon="solar:folder-dot-open-broken" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--folder-dot-open-broken]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:folder-dot-open-broken"></div>

Web component

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

<iconify-icon icon="solar:folder-dot-open-broken"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/folder-dot-open-broken.svg" alt="Folder Dot Open Broken icon" width="24" height="24">

Related icons in Solar

Folder Dot Open Broken icon FAQ

Is the Folder Dot Open Broken icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Folder Dot Open Broken icon in React?

Install @iconify/react and render <Icon icon="solar:folder-dot-open-broken" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Folder Dot Open Broken icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/folder-dot-open-broken.svg" alt="Folder Dot Open Broken icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →