Zum Hauptinhalt springen

Icons

Using Icons-Sets from Iconify and react-icons in docusaurus.

Iconify​

https://iconify.design/

Install​

npm install --save-dev @iconify/react

Usage​

import React from 'react';
// Import the original mapper
import MDXComponents from '@theme-original/MDXComponents';
import { Icon } from '@iconify/react'; // Import the entire Iconify library.

export default {
    // Re-use the default mapping
    ...MDXComponents,
    Icon, // Make the iconify Icon component available in MDX as <icon />.
};

react-icons​

https://react-icons.github.io/react-icons/

Install​

npm install react-icons --save

Usage​

import * as FaIcons from 'react-icons/fa';

export default {
// Re-use the default mapping
...MDXComponents,
...FaIcons,
};