SVG framework without API

This article is for outdated Iconify SVG Framework version 1.0.

It has been deprecated, consider switching to modern web component.

Iconify SVG framework retrieves icon data from Iconify API. That makes it very easy to use because developer does not need to prepare icon data. Downside is, visitor must be online to retrieve icon data.

However, SVG framework can also work without API.

Bundle without API

Iconify SVG framework offers bundle without API support. You do not need to use it, you can use full bundle without relying on API, however you can use bundle without API support to reduce bundle size.

To switch from full bundle to bundle without API support, add ".without-api" to script URL:

<script src="https://code.iconify.design/1/1.0.7/iconify.without-api.min.js"></script>

If you are using NPM package @iconify/iconify@1, import dist/iconify.without-api.min.js:

import Iconify from '@iconify/iconify/dist/iconify.without-api.min.js';

Adding icons

When API is disabled, you need to make sure to provide data for all used icon to SVG framework.

There are two ways of doing it:

Make sure you bundle those icons with Iconify SVG framework.