IconSearch logoIconsearch
Home/Libraries/uiw icons (Iconify)/folder-open
← Back to Search
uiw icons (Iconify)

FolderOpen

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 20 20"><path fill="#818cf8" d="M2.282 3.828c-.35.063-.566.189-.691.374a1.33 1.33 0 0 0-.225.841v11.718L.002 15.82V5.072A2.6 2.6 0 0 1 .45 3.474c.357-.53.929-.85 1.666-.966l.108-.008h3.56c.742.038 1.355.35 1.783.917c.387.51.472.91.484 1.639c.002.088.003.15.006.201q.068 0 .193-.01h5.636l.101.008a2.6 2.6 0 0 1 1.489.724c.435.431.632 1.028.614 1.734v1.799h-1.364V7.698c.01-.39-.073-.639-.224-.789a1.2 1.2 0 0 0-.671-.333l-5.516-.003c-.854.08-1.504-.252-1.601-1.018a4 4 0 0 1-.027-.478c-.008-.475-.043-.642-.218-.873a.9.9 0 0 0-.72-.376zm15.772 5.504c.831.014 1.46.304 1.77.908c.294.574.21 1.226-.18 1.91l-.054.08l-2.843 3.626q-.51.673-1.172 1.106c-.483.316-1.088.49-1.851.538H2.016c-.633 0-1.13-.141-1.472-.477c-.42-.414-.589-.85-.531-1.394c.035-.338.169-.668.415-1.022l3.445-3.833c.538-.558 1.02-.94 1.465-1.147c.404-.187.888-.282 1.444-.294zM7.012 10.66c-.476-.009-.839.051-1.088.166c-.265.123-.624.409-1.013.807l-3.376 3.749a.86.86 0 0 0-.165.383c-.015.139.003.186.143.323c.04.039.2.084.503.084l11.663.002c.494-.032.87-.14 1.136-.314c.308-.201.585-.464.84-.801l2.82-3.594c.17-.311.191-.508.128-.631c-.05-.098-.202-.168-.56-.174z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. FolderOpenIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in uiw icons (Iconify)

Browse all uiw icons (Iconify) icons →
adobe
adobe
alipay
alipay
aliwangwang
aliwangwang
android
android
android-o
android-o
apple
apple
appstore
appstore
appstore-o
appstore-o
area-chart
area-chart
arrow-down
arrow-down
arrow-left
arrow-left
arrow-right
arrow-right