This repository contains Iconify API script. It is a HTTP server, written in Node.js that:
- Provides icon data, used by icon components that load icon data on demand (instead of bundling thousands of icons).
- Generates SVG, which you can link to in HTML or stylesheet.
- Provides search engine for hosted icons, which can be used by icon pickers.
This package is also available at NPM, allowing using API code in custom wrappers.
NPM package contains only compiled files, to build custom Docker image you need to use source files from Git repository, not NPM package.
To build a Docker image, run ./docker.sh
.
If you want to customise config, fork this repo, customise source code, then build Docker image and deploy API.
To run a Docker image, run docker run -d -p 3000:3000 iconify/api
(change first 3000 to port you want to run API on).
NPM commands for working with Docker images:
npm run docker:build
- builds Docker image.npm run docker:start
- starts Docker container on port 3000.npm run docker:stop
- stops all Iconify API Docker containers.npm run docker:cleanup
- removes all unused Iconify API Docker containers.
There is no command to remove unused images because of Docker limitations. You need to do it manually from Docker Desktop or command line.
First, you need to install NPM dependencies and run build script:
npm install
npm run build
Then you can start server:
npm run start
By default, server will:
- Automatically load latest icons from
@iconify/json
. - Load custom icon sets from
icons
directory. - Serve data on port 3000.
You can customise API to:
- Serve custom icon sets, loaded from various sources.
- Run on different port.
- Disable search engine if you do not need it, reducing memory usage.
It is recommended that you do not run API on port 80. Server can handle pretty much anything, but it is still not as good as a dedicated solution such as nginx.
Run API on obscure port, hidden from outside world with firewall rules, use nginx as reverse proxy.
HTTPS is not supported. It is a very resource intensive process, better handled by a dedicated solution such as nginx. Use nginx to run as HTTP and HTTPS server, forward queries to API HTTP server on hidden port such as default port 3000.
There are several ways to change configuration:
- Editing files in
src/config/
, then rebuilding script. This is required for some advanced options, such as using API with custom icons. - Using environment variables, such as
PORT=3100 npm run start
. - Using
.env
file to store environment variables.
Options that can be changed with environment variables and their default values (you can find all of them in src/config/app.ts
):
HOST=0.0.0.0
: IP address or hostname HTTP server listens on.PORT=3000
: port HTTP server listens on.ICONIFY_SOURCE=full
: source for Iconify icon sets. Set tofull
to use@iconify/json
package,split
to use@iconify-json/*
packages,none
to use only custom icon sets.REDIRECT_INDEX=https://iconify.design/
: redirect for/
route. API does not serve any pages, so index page redirects to main website.STATUS_REGION=
: custom text to add to/version
route response. Iconify API is ran on network of servers, visitor is routed to closest server. It is used to tell which server user is connected to.ENABLE_ICON_LISTS=true
: enables/collections
route that lists icon sets and/collection?prefix=whatever
route to get list of icons. Used by icon pickers. Disable it if you are using API only to serve icon data.ENABLE_SEARCH_ENGINE=true
: enables/search
route. RequiresENABLE_ICON_LISTS
to be enabled.ALLOW_FILTER_ICONS_BY_STYLE=true
: allows searching for icons based on fill or stroke, such as addingstyle=fill
to search query. This feature uses a bit of memory, so it can be disabled. RequiresENABLE_SEARCH_ENGINE
to be enabled.
By default, API will use memory management functions. It stores only recently used icons in memory, reducing memory usage. 000 If your API gets a lot of traffic (above 1k requests per minute), it is better to not use memory management. With such high number of queries, disc read/write operations might cause degraded performance. API can easily handle 10 times more traffic on a basic VPS if everything is in memory and can be accessed instantly.
See memory management in full API docs.
Icons are automatically updated when server starts.
In addition to that, API can update icon sets without restarting server.
To enable automatic update, you must set APP_UPDATE_SECRET
environment variable. Without it, update will not work.
ALLOW_UPDATE=true
: enables/update
route.UPDATE_REQUIRED_PARAM=secret
: key from secret key/value pair. Cannot be empty.APP_UPDATE_SECRET=
: value from secret key/value pair. Cannot be empty.UPDATE_THROTTLE=60
: number of seconds to wait before running update.
To trigger icon sets update, open /update?foo=bar
, where foo
is value of UPDATE_REQUIRED_PARAM
, bar
is value of APP_UPDATE_SECRET
.
Update will not be triggered immediately, it will be ran after UPDATE_THROTTLE
seconds. This is done to prevent multiple checks when update is triggered several times in a row by something like GitHub hooks.
If update is triggered while update process is already running (as in, source was checked for update, but download is still in progress), another update check will be ran after currently running update ends.
Response to /update
route is always the same, regardless of outcome. This is done to make it impossible to try to guess key/value pair or even see if route is enabled. To see actual result, you need to check console. Successful request and update process will be logged.
By default, server sends the following HTTP headers:
- Various CORS headers, allowing access from anywhere.
- Cache headers to cache responses for 604800 seconds (7 days).
To change headers, edit httpHeaders
variable in src/config/app.ts
, then rebuild script.
Previous version of API was also available as PHP script. This has been discontinued. Node app performs much faster, can handle thousands of queries per second and uses less memory.
This file is basic.
Full documentation is available on Iconify documentation website.
Iconify API is licensed under MIT license.
SPDX-License-Identifier: MIT
This licence does not apply to icons hosted on API and files generated by API. You can host icons with any license, without any restrictions. Common decency applies, such as not hosting pirated versions of commercial icon sets (not sure why anyone would use commercial icon sets when so many excellent open source icon sets are available, but anyway...).
© 2022-PRESENT Vjacheslav Trushkin