Folders
foldersFile iconsUse it
npm install vadivam-reactimport { Folders } from "vadivam-react";
<Folders />npm install vadivam-react-nativeimport { Folders } from "vadivam-react-native";
<Folders />npm install vadivam-vue<script setup>
import { Folders } from "vadivam-vue";
</script>
<template>
<Folders />
</template>npm install vadivam-svelte<script>
import { Folders } from "vadivam-svelte";
</script>
<Folders />npm install vadivam-solidimport { Folders } from "vadivam-solid";
<Folders />npm install vadivam-preactimport { Folders } from "vadivam-preact";
<Folders />npm install vadivam-astro---
import { Folders } from "vadivam-astro";
---
<Folders />npm install vadivam-angularimport { Folders } from "vadivam-angular";
<svg vadivamFolders></svg>npm install vadivam<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M21.5 16.164c.313-.386.5-.878.5-1.414V9.6c0-1.26 0-1.89-.245-2.371a2.25 2.25 0 0 0-.983-.984C20.29 6 19.66 6 18.4 6h-3.612c-2.402 0-3.15-3-5.46-3H8.25c-.617 0-1.176.248-1.582.65"/><path d="M2 10.328V17.4c0 1.26 0 1.89.245 2.372a2.25 2.25 0 0 0 .983.983C3.71 21 4.34 21 5.6 21h8.8c1.26 0 1.89 0 2.371-.245a2.25 2.25 0 0 0 .984-.983C18 19.29 18 18.66 18 17.4v-3.8c0-1.26 0-1.89-.245-2.371a2.25 2.25 0 0 0-.983-.984C16.29 10 15.66 10 14.4 10h-3.612c-2.402 0-3.15-3-5.46-3-1.004 0-1.506 0-1.905.157a2.25 2.25 0 0 0-1.266 1.266C2 8.822 2 9.323 2 10.328"/>
</svg>import iconUrl from "vadivam/icons/folders.svg";<img src="https://cdn.jsdelivr.net/npm/vadivam@0.0.63/dist/icons/folders.svg" width="24" height="24" alt="" />Compared with Lucide
Migrate from LucideSame name, 24px grid, and 2px stroke, so swapping keeps your layout. Lucide drawing © Lucide Contributors, ISC License.