Move icons

[jlvandenhout]

Description of change

This moves the icons to the static folder and adjusts import accordingly. All icon SVG files are now in static/icons. For convenience, they are also still exposed as part of the object exported by src/icons. The keys of the object are the CamelCased versions of the SVG filenames, for example IotaCore corresponds to static/icons/iota/iota-core.svg.

The reason for this is now we can also statically reference the icon images if needed and it allows dynamic lookup of icons that are statically configured, while still being able to inline them. For example we can now do something like:

themeConfig: {
  icon: 'IotaCore',
},

and use that to dynamically look up the icon in React, i.e.:

import useThemeConfig from '@docusaurus/useThemeConfig';
import icons from '@site/src/icons';

export function Icon() {
  const { icon } = useThemeConfig();
  const SVG = icons[icon];

  return <SVG />
}

This will render the SVG inline, so CSS styling works.

Type of change

• Enhancement (a non-breaking change which adds functionality)

Change checklist

Tick the boxes that are relevant to your changes, and delete any items that are not.

• I have followed the contribution guidelines for this project
• I have performed a self-review of my own changes
• I have made sure that added/changed links still work

[Dr-Electron]

/create-preview

[github-actions]

This pull request has been deployed to Vercel.

Latest commit:

✅ Preview: https://iota-wiki-2yskxunn0-iota1.vercel.app