Add number, string and block content icon

[jorngeorg]

This PR adds three new icons block-content, string, and number that will primarily be used to denote different fields types.

What to review:

• naming (I was considering adding input to the name to be more specific, e.g. StringInputIcon)
• aestethic and useability considerations

[robinpyon]

For consistency, the viewBox of this SVG should be 0 0 25 25 – similarly, width should be 25

[robinpyon]

(You may also need to revisit paths after changing this!)

[robinpyon]

All generated icon components should use currentColor

This should be possible by adjusting the colour of the source SVGs to #121923, after which the icon build process will substitute those values with currentColor, see:

icons/scripts/generate.ts

Lines 80 to 83 in 5719430

	// Replace Sanity black hex value with `currentColor`
	code = code
	.replace(/"#121923"/g, '"currentColor"')
	.replace('<svg ', `<svg data-sanity-icon="${name}" `)

[robinpyon]

Thanks @jorngeorg! Will leave it to Marius to comment on aesthetics, asides from the above comments it all LGTM

[jorngeorg]

Thanks, @robinpyon! Fixed the currentColor and viewBox issues.

[mariuslundgard]

Sorry for slow review from my side – busy times!

Ideally the baseline/underline for these should be aligned.

But it's not a biggie, so will approve and we can revisit later. Let's ship this!

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
icons	✅ Ready (Inspect)	Visit Preview	Nov 30, 2022 at 11:05AM (UTC)

[github-actions]

🎉 This PR is included in version 2.1.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀