Home/Libraries/VSCode Icons (Iconify)/folder-type-light-cypress-opened

VSCode Icons (Iconify)

FolderTypeLightCypressOpened

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 500 500"><defs><linearGradient id="SVGIvsZpeui" x2="1" y1="500.088" y2="500.088" gradientTransform="matrix(-45.12 188.295 188.295 45.12 -93712.597 -22304.936)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#58d09e"/><stop offset="1" stop-color="#d2d2d2" stop-opacity="0"/></linearGradient><linearGradient id="SVGVGVd6bfS" x2="1" y1="500.036" y2="500.036" gradientTransform="matrix(153.45 91.586 91.586 -153.45 -45608.455 77101.769)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#58d09e"/><stop offset="1"/></linearGradient></defs><path fill="#818cf8" d="M460.938 85.938H284.375l-32.813 65.625H67.188v262.5h393.75Zm-32.813 292.187h-325v-193.75h325Zm0-226.562H300l15.625-32.812h110.938v32.812z"/><path fill="#818cf8" d="M401.563 214.062H7.813l59.375 200h393.75Z"/><path fill="#818cf8" d="M307.469 156.641c85.984-3.063 158.312 64.3 161.406 150.328a155.9 155.9 0 0 1-150.188 161.39c-85.984 3.062-158.312-64.3-161.406-150.328c-3.094-86.016 64.2-158.344 150.188-161.391Z"/><path d="M396.672 263.031L367.328 336.7l-29.547-73.672h-24.187l41.453 100.563l-29.484 70.922l21.125 4.172l72.828-175.656h-22.844Z"/><path d="M267.656 281.672c12.266 0 22.266 6.484 27.391 17.812l.406.875l20.609-6.938l-.453-1.047c-7.969-19.266-26.344-31.25-47.953-31.25c-15.188 0-27.531 4.844-37.734 14.75c-10.141 9.859-15.266 22.25-15.266 36.844c0 14.484 5.125 26.812 15.266 36.656c10.2 9.922 22.547 14.75 37.734 14.75c21.609 0 39.984-11.984 47.953-31.234l.453-1.047l-20.641-6.953l-.391.922c-4.594 11.125-14.828 17.766-27.375 17.766a28.93 28.93 0 0 1-21.469-8.8a30.4 30.4 0 0 1-8.7-22.047a30.86 30.86 0 0 1 8.7-22.234a28.87 28.87 0 0 1 21.47-8.825"/><path fill="#818cf8" d="M167.172 352.188a149 149 0 0 1-5.391-39.828c0-61.641 39.031-118.016 97.141-140.25l7.625 19.562c-50.016 19.141-83.609 67.641-83.609 120.687a128.2 128.2 0 0 0 4.625 34.266z"/><path fill="#818cf8" d="M257.906 172.594a153.2 153.2 0 0 1 39.375-9.484c61.812-6.437 122.422 26.172 150.781 81.172l-18.813 9.562c-24.422-47.344-76.562-75.406-129.766-69.859a131 131 0 0 0-33.875 8.141l-7.7-19.531Z"/><path fill="url(#SVGIvsZpeui)" d="M382.734 421.672a129.45 129.45 0 0 0 45.75-169.516l18.734-9.687a150.205 150.205 0 0 1-53.125 196.891z"/><path fill="url(#SVGVGVd6bfS)" d="m329.812 423.828l-5.141 12.359a6.84 6.84 0 0 1-6 4.219c-1.734.062-3.484.109-5.266.109c-60.605-.031-114.233-42.406-127.514-100.815l-20.641 4.625a150.77 150.77 0 0 0 52.7 83.734a153.32 153.32 0 0 0 95.219 33.422h.313c2.031 0 4.047-.062 6.063-.125a28.06 28.06 0 0 0 24.7-17.2L350.969 428Z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

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. FolderTypeLightCypressOpenedIcon.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.