feat(@clayui/clay-css): LPD-53627 Add paste 16px icons and generated files

[ilzamcmed]

jira ticket: https://liferay.atlassian.net/browse/LPD-53827

[pat270]

@drakonux can we get these icons vertically aligned relative to the viewbox?

[pat270]

Need design to vertically center this

[drakonux]

@diegoalo Could you review this? When we discussed it, it made sense not to align them, but I'm unsure about the real reasons behind this decision.

[diegoalo]

Hello! @drakonux and @pat270,

When discussing how to center this icon, we made several alternatives to visually see which one was optically centered correctly when put next to a line of text. As can be seen here:

The mass on the icon (as we have incremented the density on the top) is better compensated in the icon aligned to the top. This, for example, was also the reasoning behind aligning the paste-word icon the same way, as can be seen here:

I hope this helps :)

Best!

[pat270]

@diegoalo The top part of the icons are clipping when rendered in the browser.

[drakonux]

Could you please elaborate on why this is happening, @pat270? Is it related to the conversion we perform for the sprite?

However, we can center the icons to simplify things, @diegoalo. Do what Patrick says.

We may assess what Patrick is describing in another moment cc\ @marcoscv-work

[diegoalo]

Hello @drakonux @pat270,

Already attached the vertically centered icons in Jira. You can see it here.

Thanks! 👍

[pat270]

Closing in favor of #6053