Materialdesign: Synthesizer related

[JapanYoshi]

I decided to make a bunch of synthesizer-related icons. Some were requested in #3036.

Preview

sine-wave

cosine-wave

square-wave or pulse-wave-square

pulse-wave-1 or pulse-wave-wide

pulse-wave-2 or pulse-wave-medium

pulse-wave-3 or pulse-wave-narrow

sawtooth-wave variant 1

sawtooth-wave variant 2

triangle-wave

waveform (requested in #4333)

sound-pan

Zip Download

synth-pack.zip

[goyney]

This is a duplicate of https://github.com/Templarian/MaterialDesign/issues/3036, but I'm going to close that one since this one has potential contributions.

We don't really need variants of each, we just need one standard version of each. Couple questions:

• sine-wave and cosine-wave don't look very equal, is that intentional?
• sawtooth-wave and triangle-wave have a weird 1dp elbow, again intentional?
• I'm not a fan of that waveform, its too Minecraft-y. Don't think it solves #4333 either.

[goyney]

My votes are for sine-wave, cosine-wave, square-wave, sawtooth-wave variant 2, and triangle-wave, once some of the concerns around them are cleared up.

[JapanYoshi]

sine-wave starts from a point where the slope is steep, but cosine-wave starts from a point where the slope is horizontal. So the underlying line is 2dp wider in cosine-wave to make the terminals fit the grid better.

I had to clip the top and bottom corners of sawtooth-wave and triangle-wave, because they would have been too tall if they were left in.

I could whip up an alternative for waveform, and make the blocky one stand for bit crush.

[goyney]

Oops, think there was a misunderstanding when I asked about "sine-wave and cosine-wave don't look very equal".

I mean these points look awkward. The crests look smooshed together and not like a smooth curve. And the ends of the cosine don't look quite right, almost skinnier than the rest of the line.

---

Also, when you get things fixed, can you please separate each contribution out into its own SVG. It's kind of a pain to dig through a single SVG with a bunch of layers. Also, use our preview generator so we can see things on the grid. Thanks! 😄

[JapanYoshi]

Sine and Cosine were traced from an actual sine wave though? I'll tweak the inner edges for better appearance anyway...

---

Here's the updated, less blockier waveform.

---

By the way, the preview generator doesn't work at all on my end. I'm piping the d I got from Inkscape's XML editor into this. It doesn't work either when I copy the d of the SVG from materialdesignicons.com. All that works is "WIP?" and "Action button".

EDIT: For some reason, it did work on Chrome, but only on Chrome. Also, this made me notice that my waveform icons were 1 dp taller on either side than the existing current-ac.

[goyney]

Sine and Cosine were traced from an actual sine wave though?

That's a good starting point, but we need icons to be Material to be included in the library.

[CoDEmanX]

We might need to construct the path mathematically for an accurate result...

[goyney]

sine-wave already exists as: (It is aliased)

Added the others: