Create a list of icons in need of reworking or adding post-project

[jimmynotjim]

Document the work we had to set aside for this project that can be tackled by us or the next team that picks this up.

[designlanguage]

Name	Symbol	In circle	Notes
Debt			This will need a new concept after MVP is complete.
Mortgage			We should avoid using text if possible, but this concept needs it. We'll revisit this after MVP.
Share			Create a more universal share symbol.

[Scotchester]

To clarify what I said in our meeting this morning: I don't think there is a more universal sharing symbol, unfortunately. I would just look to add the Apple style as an alternate version.

[designlanguage]

@Dnpizarro and I have come up with some alternatives to a couple minicons, and we want to see if these will work for folks, or if there are reasons for keeping the existing ones.

Name	Current symbol	Proposed replacement	Notes
Mortgage			We're trying to remove text from our icons. Is a sold sign a good indication of a mortgage? Should it be a document with a house instead?
Prepaid card			Trying to resemble the actual object rather than show the concept of it.
Filter	None		Some have asked for a filter icon. Would this one work for most people?

[Scotchester]

• Love the house with the icon.
• My initial thought about the prepaid card icon was "Why does it have a cloud over it?" :) But then Jimmy explained it to me.
• What would you think about putting the third slider of the filter icon in a slightly different position from the top slider? Perhaps right in the middle? That might collide with the middle slider, though.

[nataliafitzgerald]

@designlanguage @Dnpizarro

• I also prefer the house with the icon to the sold sign. Definitely speaks more to a mortgage. Is the document a little on the tall side though?
• I too saw the cloud on the prepaid card. In looking at some photos of prepaid cards the top loop is a lot less wide than the larger loop. So maybe that could be adjusted? Or do we even need the top loop? Would it still look like a hang tag without it?
• I think I'd have to see the filter icon in context. Where do you think it will live? Would it work with just 2 rows, rather than 3 (or did you do 3 to make it fill more of a square area)?

[caheberer]

• What if we tried a version with the house in the for sale sign? I understand that is less representative of the mortgage itself, but we have a lot of minicons involving pieces of paper with something in them, but maybe that's not a bad thing? Just letting ya know my first thoughts.

• I agree with @nataliafitzgerald I think the "cloud" could lose the top portion and still read as a tag.

• I'm on the same page with @nataliafitzgerald and seeing the use in context might be helpful. The filter looks pretty different in scale than the other icons, but once again I don't know if that's a bad thing.

[designlanguage]

Here are other new icons, along with revisions to old ones, grouped by their category. Would appreciate feedback on these. @caheberer - There are two types/scales of icons mentioned in the documentation. The larger-scale ones tend to be navigational elements.

Name (Category)	Old / New	Notes
upDown (Navigation)		Used in the Auto loan worksheet representing negotiation.
leftRight (Navigation)
dollar (Status)		Changed the dollar symbol to curve less at the ends. This helps it render better at smaller sizes.
error (Status)		Changed the variable stroke weight to a consistent one to match the other symbols.
power (Status)		From YMYG booklets.
email (Communication)		Wider icon.
mail (Communication)		"
fax (Communication)		We aim to keep all icons solid black except for items that are paper or screens, so the handset changed color here.
presentation (Communication)		Requested here for use in Word reports.
photo (Communication)
video (Communication)		Requested here and approved. Used for field hearings.
book (Communication)		Currently used in MAYG
PDF (Document)		We sought to remove text from icons, so the document symbol can be used instead.
folder (Document)		Requested here.
folderEmpty (Document)		"
folderSave (Document)		"
folderAdd (Document)		"
folderDelete (Document)		"
activity (Document)		Modified from a request here.
appendix (Document)		The extra box behind the original sheet wasn't helping convey meaning.
supplement (Document)		"
money (Financial Products)		Added a circle to the bill to help recognition.
prepaidCard (Financial Products)		Kept the circle and it doesn't look like a cloud anymore.
creditPayment (Financial Products)		The old prepaidCard symbol was sometimes used for different meanings, so maybe we should keep it.
creditRepair (Financial Products)		Not sure if this is in an existing project. Thoughts @Dnpizarro?
paydayLoan (Financial Products)		Paper changes to white, stopwatch to black (and position flipped to take up less real estate).
quickCash (Financial Products)		Changed the icon to black.
mortgage (Financial Products)		Tried a house on the sign, but it reads more as a "for sale" sign, less as mortgage.
foreclosure (Financial Products)		Requested in the Iconathon.
college (Financial Products)
retirement (Financial Products)		Replaced text with the dollar sign.
insurance (Financial Products)		From YMYG.
HealthInsurance (Financial Products)		From YMYG.
shareAlt (Web)		Alternate share icon mentioned by @Scotchester
audioMute (Web)		An "X" added after the speaker.
history (Web)		The old history icon looks like the paydayLoan symbol, so here's a proposed replacement.
dialogue (Web)		Made the change here to keep all icons filled in (unless paper)
speechBubble (Web)		"
openQuote (Web)		Matched the roundedness of the other punctuation marks.
thoughtBubble (Web)		Used in YMYG.
date (Web)		Removed the text from the icon.
popup (Web)		Requested here.
filter (Web)		Requested here. Not sure the funnel is the best metaphor here. Tried the top slider in the middle @Scotchester, but it got too close to the 2nd slider.
map (Web)		Need to track down which existing project this was pulled from. Thoughts @Dnpizarro ?
flag (Web)		Not sure if this is in an existing project.
policy (Web)		Requested here to represent policy on the blog.
regulation (Web)		Requested here to represent regulation on the blog.
toolbox (Web)		Used in YMYG.
calculate (Web)		Not requested, but seems like a useful addition for tools/worksheets.
agreement (Web)		Used in YMYG.
serve (Web)		Requested here.
servicemembers (Web)		Straightened angle to match other icons.
compass (Web)		Not requested, but seems like a useful addition
zeroIcon (Numbers)		Added open circles for numbers
pricetag (Expenses)		New category, mostly from existing icons in YMYG. Open to how these are named.
gift (Expenses)		"
childcare (Expenses)		"
healthcareCosts (Expenses)		"
cart (Expenses)		"
dineOut (Expenses)		"
furniture (Expenses)		"
monitor (Expenses)		"
entertainment (Expenses)		Should a dollar sign replace the star in this ticket?
disability (Expenses)		From existing icons in YMYG. Open to naming alternatives.
clothes (Expenses)		"
briefcase (Expenses)		"
travel (Expenses)		"
equipment (Expenses)		"
pet (Expenses)		"
busIcon (Expenses)		"
court (Expenses)		"
taxes (Expenses)		"
gambling (Expenses)		"
flower (Expenses)		"
spring (Expenses)		Icon for seasonal expenses in YMYG.
summer (Expenses)		Icon for seasonal expenses in YMYG.
fall (Expenses)		Icon for seasonal expenses in YMYG.
winter (Expenses)		Icon for seasonal expenses in YMYG.

[designlanguage]

Here's an overall look at all the symbols in the new icon font. There are a couple that will need to be re-concepted in the future (payday loan and debt), but this shows how all the icons work together.

New set

Previous set

[caheberer]

💥💥💥

[jimmynotjim]

@designlanguage could you create a single image like those above with just the icons you and @Dnpizarro believe are in need of more work?

[caheberer]

When updating a YMYG module today, I found:

• The person / profile icon swapped out for the old prepaid card icon.
• All numbers are replaced with "No glyph"

I'll keep reporting as I go.

[caheberer]

Also, adding these to the list for new ones to be created in the future.

This is used for "adoption" in YMYG:

This is used for "marriage" in YMYG: (the people are equal in this versus the smaller one in front)

Snap and TANF in YMYG:

[designlanguage]

Icons that exist in our typeface, but need to be added to the Design System

Nav icons

Communication icons

Document icons

Financial concepts

Web icons

Expense icons

Icons that exist in our typeface, but need to replace old versions in the Design System

Document icons

Web icons

New concepts needed

Concept	Old icon	Proposed icon	Notes
Debt			This icon needs to be replaced with a different concept. This looks like money is increasing.
Membership			From @caheberer's comment above
Repairs			We could use the wrench from the credit repair icon in our typeface
Marriage			"
SNAP			"
TANF			"