Feather Icons

This notebook ports to Observable Framework a notebook by Saneef H. Ansari @saneef called Feather Icons.
All mistakes and deviations from the original are my own.

Feather Icons is a open source collection of SVG icons.

() => {
  let iconRows = "";

  for (const [name, icon] of Object.entries(icons)) {
    const defaultSized = getIconSvg(name);
    const description = icon.tags.join(", ");
    iconRows += `|${defaultSized}|${name}|${description}|\n`;
  }

  return md`## Available Icons

|Icon|Name|Description|
|:--:|:---|:---|
${iconRows}`;
}

const getIconSvg = (name, size = 24, attrs = {}) => {
  const icon = icons[name];

  if (icon) {
    return icon.toSvg({ ...attrs, width: size, height: size });
  }
}

const version = "4.28.0"

Imports

Credits

This notebook is based on @nikita-sharov's Feather Icons