Materialdesign: Car brake icons

[antembmip]

It would be great to have parking/emergency brake light icon like :

[PeterShaggyNoble]

alert-circle-outline should be suitable here:

[JamesCoyle]

It may be a good placeholder but I don't think it really accurately depicts a parking brake indicator. I think we should add an icon for it.

[goyney]

I don't know what to name this:

[antembmip]

Maybe braking-malfunction?
https://www.iso.org/obp/ui/#iso:grs:7000:0239

[goyney]

Way too specific, we generally only name icons to specificity if there is no other obvious use for them. This icon could be used in many contexts, so should be named in a generic fashion.

We just don't have a modifier around circle like that anywhere else in the library, so I'm not sure what to call it.

Whatever we do name it, we'll alias it so it can be found for brake related searches.

[MrGrigri]

parking-brake

[JamesCoyle]

I'd just go with parking-brake. This style can also be used for ABS warning lights with the text ABS inside, and as an indicator to press the brake for autostarting/push-to-start cars with a foot inside.

[goyney]

ABS won't fit inside that circle, unfortunately.

[JamesCoyle]

Could we go against guidelines and have the outer lines be 1dp?

[goyney]

Give me a few minutes and I'll whip up that example for comparison.

[goyney]

Here is the 1dp modifier:

And here is an example of ABS, which doesn't work at native:

And another ABS at 1.5dp on the letters and a cut-out on the circle, which works better at native:

And another with the 2dp modifier for ABS:

[MrGrigri]

No, on number 2. I like what you did with number 3. And I also like the 1dp outer circle cutouts.

[goyney]

Alrighty then, based on discussions, here are the three candidates:

[JamesCoyle]

What does 1.5dp look like? And could to to increase spacing between circle and text if possible.

Can provide the text in the circle variants as SVG only files maybe?

[goyney]

Here is 1.5dp outer modifier and some additional space between the letters.

[JamesCoyle]

I think the 1.5 looks better. The letter spacing is fine though. I meant the vertical space between the letters and the inner circle border. At smaller sizes the spacing above and below gets a bit lost in the details.

[goyney]

Okay, hopefully this is the final set:

brake.zip

[MrGrigri]

I believe we have a winner. Except, I believe since they are all related, they should be called brake-parking, brake-abs, and brake-eps respectively.

[goyney]

Power steering has nothing to do with braking, unfortunately. But the first two, I agree with that naming convention.

[MrGrigri]

Ah, I guess your right about that...I didn't even read it and I thought it was Electric Parking System...I guess I'm not car smart 😉

[PeterShaggyNoble]

@MrGrigri, me either! 😆

[goyney]

Adding the Alias label because, regardless of name, there will be some variations we will want to add.

[JamesCoyle]

Should EPS even be in that design of icon? I always assumed it was a representation of drum brakes with the outer lines being the shoes.

[MrGrigri]

Yeah, all eps icons I'm seeing are a steering wheel with an exclamation next to it.

[JamesCoyle]

I think we should add ABS, TCS, EPS, ESC as purely text icons alongside the icon representations.

[goyney]

I actually believe you guys are right. Steering uses a steering wheel, which we have. I believe I switched up the letters from the example icon in #874 and it should actually be ESP, or Electronic Stability Control (Program), which is typically a car with wavy tire streaks.

[JamesCoyle]

ESP/ESC makes more sense as it often uses computer controlled braking on each wheel.

[goyney]

Alright, I updated the ESP icon above and renamed all of them to follow the brake-* naming pattern. Good catch @JamesCoyle.

[Templarian]

Added. 😃 car-break-parking car-break-abs and car-esp.