Remix Icon for Mojo CSS

This capsule allows you to easily integrate RemixIcon, a popular icon library, into your Mojo CSS projects.

Usage

NPM

1. Install the capsule package via npm:

npm install @mojocss/remixicon

2. Import the remixiconCapsule function from the installed package:

import remixiconCapsule from "@mojocss/remixicon";

3. Add the capsule to your Mojo config:

mojo({
  // Mojo CSS Config
  capsules: [remixiconCapsule],
});

Alternatively, you can configure specific options:

mojo({
  // Mojo CSS Config
  capsules: [
    {
      capsule: remixiconCapsule,
      options: {
        version: "5.3.2", // remixicon version
      },
    },
  ],
});

CDN

<script src="https://unpkg.com/@mojocss/remixicon"></script>

and then

mojo({
  // Mojo CSS Config
  capsules: [remixiconCapsule],
});

Usage

After importing the capsule, you can use its icons in your HTML markup:

<i class="ri-heart-fill"></i>

Additional Information

• Remix Icon: You can find detailed documentation and icons list on the official RemixIcon website.
• MojoCSS Capsules: You can find more information about capsules on the MojoCSS documentation.