← All extensions

Iconify

v0.1.0 · by PleahMaCaka · added 3 November 2026

Iconify icon name completion and hover previews.

Language servers

How to install

With Forge Super installed, the button above opens the app on this extension, where you press Install. Nothing is installed until you do.

You can also open the Extensions panel in the app and search for Iconify. The extension's id is iconify-lsp.

Don't have Forge Super yet? Download it here.

README

From the extension's repository, written by its authors and not by Mentenaz. See the source.

Iconify for Zed

Zed extension badge
Made with 💙 ZedBadge.dev 💙

Iconify icon name completion and hover previews, powered by iconify-lsp.

Icon string

<Icon icon="lucide:eye-off" />

Hover preview of an icon string

Variable

<script lang="ts">
  const overlay = $derived(linked ? "lucide:link-2" : "lucide:arrow-up-right")
</script>

<Icon icon={overlay} />

Hover preview of a variable

Values returned from functions are found too.

const overlay = $derived.by(() => {
  if (item.link) {
    return "lucide:link-2"
  }

  return isShortcut(item) ? "lucide:arrow-up-right" : null
})

Hover preview of a function value

Settings

The first start downloads @iconify/json (about 100 MB). Icon sets installed in the project as @iconify-json/* or @iconify/json take priority.

{
  "lsp": {
    "iconify-lsp": {
      "initialization_options": {
        "color": "#ffffff"
      }
    }
  }
}

Author

Zed author badge

License

MIT