Folder Dot Outline icon

solar:folder-dot-outline

The Folder Dot Outline icon (solar:folder-dot-outline) 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, dotoutline, folderdotoutline

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M1.25002 14V6.95022C1.25002 6.1018 1.24642 5.57302 1.33205 5.11916C1.69462 3.1978 3.1978 1.69462 5.11916 1.33205C5.57302 1.24642 6.1018 1.25002 6.95022 1.25002C7.32256 1.25002 7.5566 1.24917 7.78518 1.27053C8.73646 1.35949 9.63946 1.73304 10.375 2.3428C10.5519 2.4894 10.717 2.65546 10.9805 2.91897L11.5303 3.46975C12.376 4.31546 12.7016 4.63091 13.0772 4.83987C13.2951 4.96107 13.5259 5.05763 13.7656 5.126C14.1789 5.2438 14.6324 5.25002 15.8281 5.25002H16.2022C17.4987 5.25002 18.5416 5.24815 19.3643 5.35158C20.2056 5.45738 20.9205 5.68371 21.5078 6.21194C21.6061 6.30035 21.6997 6.39391 21.7881 6.49221C22.3163 7.07951 22.5427 7.79443 22.6485 8.63576C22.7519 9.45844 22.75 10.5014 22.75 11.7979V14C22.75 15.8644 22.7514 17.3384 22.5967 18.4893C22.4391 19.6616 22.1067 20.6101 21.3584 21.3584C20.6101 22.1067 19.6616 22.4391 18.4893 22.5967C17.3384 22.7514 15.8644 22.75 14 22.75H10C8.13561 22.75 6.66161 22.7514 5.51076 22.5967C4.33846 22.4391 3.38993 22.1067 2.64162 21.3584C1.89331 20.6101 1.56098 19.6616 1.40334 18.4893C1.24861 17.3384 1.25002 15.8644 1.25002 14ZM2.75002 14C2.75002 15.9068 2.75152 17.2614 2.88967 18.2891C3.02494 19.2952 3.27896 19.8747 3.70217 20.2979C4.12538 20.7211 4.70487 20.9751 5.71096 21.1104C6.73861 21.2485 8.09326 21.25 10 21.25H14C15.9068 21.25 17.2614 21.2485 18.2891 21.1104C19.2952 20.9751 19.8747 20.7211 20.2979 20.2979C20.7211 19.8747 20.9751 19.2952 21.1104 18.2891C21.2485 17.2614 21.25 15.9068 21.25 14V11.7979C21.25 10.4622 21.2491 9.53061 21.1602 8.82326C21.0736 8.13462 20.9141 7.76331 20.6729 7.49514C20.6199 7.43624 20.5638 7.38016 20.5049 7.32717C20.2367 7.08597 19.8654 6.92644 19.1768 6.83987C18.4694 6.75096 17.5379 6.75002 16.2022 6.75002H15.8281C14.717 6.75002 14.0162 6.757 13.3545 6.56838C13.0039 6.46843 12.6663 6.32766 12.3477 6.15041C11.7464 5.81585 11.2556 5.31612 10.4697 4.5303L9.91897 3.98049C9.63572 3.69724 9.52748 3.58964 9.41701 3.49807C8.91376 3.08092 8.29636 2.82455 7.64553 2.76369C7.5028 2.75036 7.35024 2.75002 6.95022 2.75002C6.03358 2.75002 5.67876 2.75359 5.39748 2.80666C4.08282 3.05472 3.05472 4.08282 2.80666 5.39748C2.75359 5.67876 2.75002 6.03358 2.75002 6.95022V14Z"/><path d="M11.9995 13.253C12.4137 13.253 12.7495 13.5887 12.7495 14.003C12.7495 14.4172 12.4137 14.753 11.9995 14.753C11.5853 14.753 11.2495 14.4172 11.2495 14.003C11.2495 13.5887 11.5853 13.253 11.9995 13.253Z"/></g></svg>

How to use the Folder Dot Outline icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:folder-dot-outline"></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-outline"></iconify-icon>

HTML image

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

Related icons in Solar

Folder Dot Outline icon FAQ

Is the Folder Dot Outline 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 Outline icon in React?

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

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

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

Browse all Solar icons →