Iconify
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" />
![]()
Variable
<script lang="ts">
const overlay = $derived(linked ? "lucide:link-2" : "lucide:arrow-up-right")
</script>
<Icon icon={overlay} />
![]()
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
})
![]()
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"
}
}
}
}