---
title: "Bundling TinyMCE icon packs using module loading"
description: "Information on bundling TinyMCE icon packs using module loading"
canonical_url: "https://www.tiny.cloud/docs/tinymce/latest/bundling-icons/"
md_url: "https://www.tiny.cloud/docs/tinymce/6/bundling-icons/index.md"
version: "6"
last_updated: "2024-04-16T02:53:31Z"
tokens: 438
---
Important This page documents TinyMCE 6. For new projects, Tiny recommends using the latest, most up-to-date version. [See TinyMCE 8 documentation](../../latest/bundling-icons/).
# Bundling TinyMCE icon packs using module loading

## Overview

This section shows the files required for each TinyMCE icon pack. The file paths shown are relative to the root TinyMCE package directory, where `tinymce.min.js` is stored. For example:

```
./
├── icons/
├── langs/
├── license.txt
├── models/
├── plugins/
├── readme.txt
├── skins/
├── themes/
├── tinymce.d.ts
├── tinymce.js
├── tinymce.min.js
└── version.txt
```
The following table shows examples of the syntax used to bundle the following icon pack:

```
./icons/example/icons.js
```
Example syntax for including the example icon pack in a bundle:

**Module Syntax:** ES6+ · **Source:** npm

**Example:**

```js
import 'tinymce/icons/example';
```
**Module Syntax:** ES6+ · **Source:** `.zip`

**Example:**

```js
import '../tinymce/icons/example/icons';
```
**Module Syntax:** Common JS · **Source:** npm

**Example:**

```js
require('tinymce/icons/example');
```
**Module Syntax:** Common JS · **Source:** `.zip`

**Example:**

```js
require('../tinymce/icons/example/icons.js');
```

## Community

Default icons
```
./icons/default/icons.js
```

## Premium

For information on premium icon packs, see: [Tiny Skins and Icon Packs](../enhanced-skins-and-icon-packs/).

Bootstrap icons
```
./icons/bootstrap/icons.js
```
Jam icons
```
./icons/jam/icons.js
```
Material icons
```
./icons/material/icons.js
```
Small icons
```
./icons/small/icons.js
```
Thin icons
```
./icons/thin/icons.js
```