Square Outline collection (work in progress)

[dmhendricks]

I am working on a new collection called "Square Outline," modified from and inspired by Cotne Nazarashvili.

NB! This is very much a work-in-progress - many of the icons have sizing inconsistencies, or are just slugs until I find time to work on them. ⏰

Goals

• Square & Simple
• Icons do not have text labels.
• They are meant to differentiate files visually and not to explicitly say, "This file has XYZ extension."

Request for Comment/Ideas

I am not happy with all of the icons used so far (click the "Square Outline" tab - I didn't create anchors for the tabs yet; keep in mind that I just started on this collection). Some that I could use some ideas on:

• HTM and HTML need a decent icon representative of... HTML files. Ideas? I realize that the current slugs are fugly. I'd like something single-color and easily recognizable as an HTM(L) file. If you have a decent idea - even if it isn't free - I can find/make something that is similar, so please share. I was thinking of just making it the globe: 🌐
• JSX - For now, I just used the React icon, slightly thicker. Something better? (I still have to add JSX - and several other new extensions - to the other collections, but wanted to figure out a decent icon for it first)
• I think I'm going to change the PHP icon from the logo to the letters. I am trying to avoid using text (with exceptions - TS can be used for very different things; I also think the Sass logo for SASS and SCSS looks pretty), but the elephant doesn't look good and the oval logo is too difficult to read at small sizes. I suppose that I could use something like <?. I will think about it. Feedback welcome!
• 💡 The icon for the archive formats looks like it has "too much detail" for this collection. Ideas for a more simple vector to represent compressed files/archives?
• 💡 Does anyone have a decent/better idea for ASP. I'd like to convey "classic" Microsoft (joking aside), and may use it for other icons as appropriate, but the old-school logo isn't doing it for me. I had considered just using a <%.
• The BAT, CMD, COM icons don't look right. I will probably just reduce the boldness of them and tweak size.
• Any decent ideas for a better icon for LESS? (which I would probably use for all 3 collections, as appropriate)
• I like the JS icon because it is bold, but I don't know if it is the most appropriate representation. I'm not sold on the color - at minimum, it shouldn't blend with the CSS icon.
• 💡 I am not a fan of the CSS icon. Ideas?
• I know that the Adobe letters are a too big. Are there any other Adobe extensions that I should add (or any other, for that matter)?
• 💡 Which common developer extensions did I miss? (I would add these to all collections, ofc - my goal is to keep them sync'd)

FYI - any new extensions added to this collection will also be added to the other collections before the next release.

Thank you,
Daniel