Boom Icons

Easy to access icon library for Boom Projects

Setup

Run the following command to add the module to your project:

npm install boom-icons

This will install all the icons available for the npm package.

Next, we need @nuxt-icons package:

npx nuxi module add icon

This will allow you to use the icons using <Icon /> in your components!

To setup the icons write the following code in your nuxt.config.ts file:

export default defineNuxtConfig({
  modules: ["@nuxt/icon"],
  icon: {
    provider: "server",
    mode: "svg",
    customCollections: [
      {
        prefix: "icon",
        dir: "node_modules/boom-icons/src/icons",
        normalizeIconName: false,
      },
    ],
  },
});

Usage

<Icon name="icon:boom" size="x-large" />

Soon to be added icons

Don't mind this section as it's a checklist for the icons needed!

Type Translation Specs Country Payment Warranty Variant Stock (with off variant) Location Calendar Facebook Instagram Globe filled Filter off

Publishing

Once changes have been made, make sure to change the version in package.json and publish.

npm publish --access public