Folder Pen Bold Duotone icon

solar:folder-pen-bold-duotone

The Folder Pen Bold Duotone icon (solar:folder-pen-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
Tags: folderpen, penbold, boldduotone, folderpenboldduotone

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="M22 14V11.7979C22 9.16554 22 7.84935 21.2305 6.99383C21.1598 6.91514 21.0849 6.84024 21.0062 6.76946C20.1506 6 18.8345 6 16.2021 6H15.8284C14.6747 6 14.0979 6 13.5604 5.84678C13.2651 5.7626 12.9804 5.64471 12.7121 5.49543C12.2237 5.22367 11.8158 4.81578 11 4L10.4497 3.44975C10.1763 3.17633 10.0396 3.03961 9.89594 2.92051C9.27652 2.40704 8.51665 2.09229 7.71557 2.01738C7.52976 2 7.33642 2 6.94975 2C6.06722 2 5.62595 2 5.25839 2.06935C3.64031 2.37464 2.37464 3.64031 2.06935 5.25839C2 5.62595 2 6.06722 2 6.94975V14C2 17.7712 2 19.6569 3.17157 20.8284C4.34315 22 6.22876 22 10 22H14C17.7712 22 19.6569 22 20.8284 20.8284C22 19.6569 22 17.7712 22 14Z" opacity=".5"/><path d="M12.5355 10.6126C13.3263 9.82194 14.6089 9.82177 15.3997 10.6126C16.1905 11.4033 16.1903 12.6859 15.3997 13.4768L12.3353 16.5403C12.1607 16.7149 12.031 16.8478 11.8831 16.9631C11.7184 17.0916 11.5394 17.2014 11.3509 17.2913C11.1816 17.3719 11.005 17.43 10.7708 17.5081L9.44659 17.9495C9.05364 18.0803 8.62031 17.9777 8.32745 17.6848C8.03459 17.392 7.93201 16.9586 8.0628 16.5657L8.50421 15.2415C8.58227 15.0073 8.64037 14.8306 8.721 14.6614C8.81085 14.4729 8.92069 14.2938 9.04913 14.1292C9.16447 13.9813 9.2974 13.8516 9.47198 13.677L12.5355 10.6126ZM10.5325 14.7376C10.3329 14.9372 10.2773 14.9936 10.2317 15.052C10.1705 15.1306 10.1184 15.216 10.0755 15.3059C10.0436 15.3728 10.0173 15.4482 9.92803 15.7161L9.80596 16.0794L9.93194 16.2053L10.2962 16.0842C10.5641 15.9949 10.6395 15.9687 10.7064 15.9368C10.7963 15.8939 10.8817 15.8418 10.9603 15.7805C11.0187 15.7349 11.0751 15.6794 11.2747 15.4797L13.2405 13.5139C13.1058 13.4206 12.9693 13.3091 12.8362 13.176C12.7028 13.0426 12.5908 12.9059 12.4974 12.7708L10.5325 14.7376ZM14.3382 11.6741C14.1335 11.4694 13.8022 11.4683 13.597 11.6721C13.6535 11.8049 13.745 11.9637 13.8968 12.1155C14.0481 12.2669 14.2066 12.3578 14.3392 12.4143C14.543 12.2091 14.5429 11.8788 14.3382 11.6741Z"/></g></svg>

How to use the Folder Pen Bold Duotone icon

React

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

<Icon icon="solar:folder-pen-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:folder-pen-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:folder-pen-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--folder-pen-bold-duotone]"></span>

UnoCSS

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

HTML image

<img src="https://iconyz.com/api/public/svg/solar/folder-pen-bold-duotone.svg" alt="Folder Pen Bold Duotone icon" width="24" height="24">

Related icons in Solar

Folder Pen Bold Duotone icon FAQ

Is the Folder Pen 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 Pen Bold Duotone icon in React?

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

How do I add the Folder Pen 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-pen-bold-duotone.svg" alt="Folder Pen Bold Duotone icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →