Skip to content

feat(icon): add deprecated/scrap folder icon#3384

Merged
PKief merged 5 commits intomaterial-extensions:mainfrom
SayanShankhari:feat/scrap-icon
Mar 15, 2026
Merged

feat(icon): add deprecated/scrap folder icon#3384
PKief merged 5 commits intomaterial-extensions:mainfrom
SayanShankhari:feat/scrap-icon

Conversation

@SayanShankhari
Copy link
Copy Markdown
Contributor

Add open and closed folder icons for deprecated or scrap.

Resolves: #3348

Thanks @opressorMk2 for raising the issue.

Description

Create pair of hollow folder icon having dashed outlines following existing color filled folder as well as 16x16 grid pattern.

Contribution Guidelines

Add open and closed folder icons for deprecated or scrap.

Resolves: material-extensions#3348
@github-actions github-actions bot added the icons PR with new icons label Mar 6, 2026
@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Mar 6, 2026

Preview

Thank you for creating a pull request. This preview shows you how your icons will look on the different themes:

Generated preview

Check how your icons fit in a 16x16 grid with our Pixel Perfect Checker by following this link.

You can find more information on how to contribute in the contribution guidelines.

Copy link
Copy Markdown
Member

@PKief PKief left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I like the idea but I think we shouldn't merge this approach. To keep consistency with the already existing icons it would be better to decide for another folder icon. It will stand out too much and such an icon with gather more attention as it should get for a deprecated folder icon.

@SayanShankhari
Copy link
Copy Markdown
Contributor Author

SayanShankhari commented Mar 9, 2026

I am having following few ideas

  1. folder having cross symbol inside, denoting not to use
  2. folder having blocks erased, creating holes inside
  3. shredded folder
  4. same folder icons having half the opacity

Or any other, could you please suggest.

@opressorMk2 can you give some more ideas please?

@opressorMk2
Copy link
Copy Markdown

opressorMk2 commented Mar 11, 2026

Sorry about the delay...

You already have some good ideas there, especially the cross symbol and half opacity ones.

my ideas:

  • folder with strikethrough line across it, like deprecated functions in IDEs
  • folder with a small cobweb on it, implying untouched/old

edit:
@SayanShankhari

@PKief
Copy link
Copy Markdown
Member

PKief commented Mar 11, 2026

How about reusing already existing icons?

image image

@SayanShankhari
Copy link
Copy Markdown
Contributor Author

Hi @PKief,
I'd already considered the mentioned two.

The archive is closer to deprecated and trash is closer to scrap.
But, sometimes scrap content can be re-used or re-purposed. Just tried to unite the two with a new icon.

If you insist working with existing icon, and not creating new icon at all, then deprecated have to be mapped with archive and scrap can be mapped with trash.

@lucas-labs
Copy link
Copy Markdown
Member

Maybe using a clone of archive with (e.g.) gray colors?

@PKief
Copy link
Copy Markdown
Member

PKief commented Mar 11, 2026

Maybe using a clone of archive with (e.g.) gray colors?

this sounds like a good idea @SayanShankhari can you give it a try?
Here's an example of how to do clones: https://github.com/material-extensions/vscode-material-icon-theme/blob/main/src/core/icons/folderIcons.ts#L1246-L1251 and more details in contribution guidelines

@SayanShankhari
Copy link
Copy Markdown
Contributor Author

In that case as discussed earlier, need to add following two entries, will it work this way?

      {
        name: 'folder-deprecated',
        folderNames: ['deprecated'],
        clone: {
          base: 'folder-archive',
          color: 'dark-gray-700',
        },
      },
      {
        name: 'folder-scrap',
        folderNames: ['scrap'],
        clone: {
          base: 'folder-trash',
          color: 'dark-gray-700',
        },
      },

Remove physical files and entries.
Add clone entries, map archive to deprecated and trash to scrap.

Resolves: material-extensions#3348
@lucas-labs
Copy link
Copy Markdown
Member

lucas-labs commented Mar 12, 2026

In that case as discussed earlier, need to add following two entries, will it work this way?

@SayanShankhari that should work! I'm not sure how dark-gray-700 would look on dark themes tho. It might bee too dark, but would have to see it to be sure.

In case you didn't know, in vscode you can run this extension from the Run & debug tab.

image

... (or just press F5), and then you can see how your changes look in the extension host (it will open a new vscode windows with the extension + your changes running).

@SayanShankhari
Copy link
Copy Markdown
Contributor Author

You were right. The dark-gray-700 was not even showing anything.
Changed to only dark-700, and now it is showing as follows.
Creating commit with the changes.

image image

@PKief PKief merged commit 95caf6d into material-extensions:main Mar 15, 2026
3 checks passed
@github-actions
Copy link
Copy Markdown
Contributor

Merge Successful

Thanks for your contribution! 🎉

The changes will be part of the upcoming update on the Marketplace.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

icons PR with new icons

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Icon Request]: Deprecated folder icon

4 participants