Skip to content

htmx

Devicons for htmx — a tiny server handler that serves icon SVG fragments for htmx to swap in. 578 icons in original, plain, line, and their -wordmark variants.

Terminal window
pnpm add @devicons-pack/htmx

Server (Express, or plain node:http):

import express from 'express';
import {devIconHandler} from '@devicons-pack/htmx';
const app = express();
app.use(devIconHandler()); // GET /devicons/:style/:slug?label=...

Page:

<span hx-get="/devicons/original/javascript" hx-trigger="load"></span>
<span hx-get="/devicons/plain-wordmark/typescript?label=Lambda" hx-trigger="load"></span>

Responses are sent with immutable cache headers. There’s also a direct helper for template engines: await iconHtml('javascript', 'original', 'JavaScript').