Additional (text) icons for NOx and VOCs

dirrgang commented 1 year ago

Before submitting a new icon request, please confirm the following:

[X] I have searched all issues to make sure there isn't a request for this icon.
[X] I have searched the current library to make sure the icon doesn't already exist.
[X] I understand that brand icons are no longer being added and I can use SimpleIcons for my brand icon needs.
[X] I only intend to request a single icon (or a few near-identical ones) in this issue.

What would you use this icon for?

For the use with sensor entities it would be useful to also have icons for common things that are measured, such as NOx and VOCs.

Give us an example of what this icon might look like.

Something in the similar style as the molecule-co2 symbol would suffice. Is there documentation how it was originally done? Font and such? I'd be happy to try and create it myself.

scriptengine commented 1 year ago

+1 for a VOC icon please

Air Quality is increasingly in the media and is a concern to many people. Air Quality is made up of different things, one is particulates (see #7273 ) Another completely different thing is VOCs (harmful chemicals in the air)

If I was looking at a display of Air Quality with particulates and VOCs on (and maybe other stuff) I would want to see a icon for VOCs (and NOXs) that made it immediately obvious where the VOC data was.

PS: (There is a second request as https://github.com/Templarian/MaterialDesign/issues/6405 )

The icon needs to be "chemicals in the air", Maybe a cloud with chemical symbols in ?

Given, "we" "need" icons for

VOCs
NOx
Particulates (10, 2.5 and 1)
And probably a general air quality icon

Would it make sense to standardise on a cloud (or similar) with the label in for each type of Air Quality metric? ie like: https://www.freepik.com/icon/smoke_4429947

Existing: Best, left hand of: https://as2.ftcdn.net/v2/jpg/04/49/34/85/1000_F_449348559_yq020Nlysxqg5yUWUG6POWAECHlxRR59.jpg

https://thenounproject.com/icon/voc-5454781/ https://t4.ftcdn.net/jpg/06/19/41/37/240_F_619413772_okaHWNUxdUTZRbwCACuqwXB8COmBCCWe.jpg

There are many examples of it done badly (too complex)

Wendelstein7 commented 1 month ago

Hi all! I really would like to have a 'VOC' icon for my air monitor in Home Assistant. Therefore I found this issue (and similar issues) and I thought to create the icon.

My solution was to keep it simple and match it with the CO2-icon style, and I followed the exact conventions I found in that svg-file and made the VOC file. I made sure the consistency is best, by using the 'V'-shape from the alpha-v icon and the 'O' and 'C' shapes from the molecule-co2 icon. I think this approach, instead of drawing out an entire molecule, both saves discussion and opiniated looks, as well as allows for consistency in air-quality-meters where CO2, CO and VOC would often be used next to each other.

I'd say we could name this new icon voc (rather than molecule-voc, because volatile organic compounds can be many (different) molecules or gases as far as I understand.)

I have two variations which @Templarian can choose from: (attachment: voc.zip)

VOC-normal.voc which has a spacing of 1 unit between all three letters. (like the CO2 icon has)
VOC-tight.voc which has a spacing of 0.75 units between the V and the O. Because the diagonalness of the line in the V causes the letter to feel visually further apart from the O, and this tightness compensates for that, so it may actually look more 'correct' or 'natural' when viewed by human eyes.

`VOC-normal.svg`	`VOC-tight.svg`

I hope I did everything the good way and let me know if there's anything that needs to change!

With kind regards, Wendelstein7

scriptengine commented 1 month ago

@Wendelstein7 Thanks for putting the effort into this. I wonder how it gets picked up and added to the library?

Wendelstein7 commented 1 month ago

@scriptengine Per the contributing guidelines it states that you would need to submit your ideas in an (existing) issue and attach svg's within a .zip file. Quite unusual, but I tried my best to fully adhere to the contributing guidelines. Now the repository owner @Templarian will need to see this and take action.

Templarian / MaterialDesign