Folder Path Connect Bold Duotone icon
solar:folder-path-connect-bold-duotone
The Folder Path Connect Bold Duotone icon (solar:folder-path-connect-bold-duotone) 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
- Category
- Folders
- Tags
- folderpath, pathconnect, connectbold, boldduotone, folderpathconnectboldduotone
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2 20C2 19.5858 2.33579 19.25 2.75 19.25H10H11.25V18V15H12.75V18V19.25H14H21.25C21.6642 19.25 22 19.5858 22 20C22 20.4142 21.6642 20.75 21.25 20.75H14H10H2.75C2.33579 20.75 2 20.4142 2 20Z" opacity=".5"/><path fill-rule="evenodd" d="M19 9.8V8.36864C19 6.6576 19 5.80208 18.4614 5.24599C18.4118 5.19484 18.3594 5.14616 18.3043 5.10015C17.7055 4.6 16.7841 4.6 14.9415 4.6H14.6799C13.8723 4.6 13.4685 4.6 13.0922 4.5004C12.8855 4.44569 12.6863 4.36906 12.4985 4.27203C12.1566 4.09538 11.871 3.83026 11.3 3.3L10.9148 2.94234C10.7234 2.76461 10.6277 2.67575 10.5272 2.59833C10.0936 2.26457 9.56166 2.05999 9.0009 2.01129C8.87083 2 8.7355 2 8.46482 2C7.84705 2 7.53817 2 7.28087 2.04508C6.14822 2.24352 5.26225 3.0662 5.04855 4.11795C5 4.35687 5 4.64369 5 5.21734V9.8C5 12.2513 5 13.477 5.8201 14.2385C6.6402 15 7.96013 15 10.6 15H11.25H12.75H13.4C16.0399 15 17.3598 15 18.1799 14.2385C19 13.477 19 12.2513 19 9.8ZM13.5 6.75C13.0858 6.75 12.75 7.08579 12.75 7.5C12.75 7.91421 13.0858 8.25 13.5 8.25H16.5C16.9142 8.25 17.25 7.91421 17.25 7.5C17.25 7.08579 16.9142 6.75 16.5 6.75H13.5Z" clip-rule="evenodd"/><circle cx="12" cy="20" r="2"/></g></svg>How to use the Folder Path Connect Bold Duotone icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:folder-path-connect-bold-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:folder-path-connect-bold-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:folder-path-connect-bold-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--folder-path-connect-bold-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:folder-path-connect-bold-duotone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:folder-path-connect-bold-duotone"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/folder-path-connect-bold-duotone.svg" alt="Folder Path Connect Bold Duotone icon" width="24" height="24">Related icons in Solar
Folder Path Connect Bold Duotone icon FAQ
Is the Folder Path Connect Bold Duotone 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 Path Connect Bold Duotone icon in React?
Install @iconify/react and render <Icon icon="solar:folder-path-connect-bold-duotone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Folder Path Connect Bold Duotone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/folder-path-connect-bold-duotone.svg" alt="Folder Path Connect Bold Duotone icon">, or paste the SVG code inline to style it with CSS.