Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Custom icon fails when calling multiple custom icons from the json url

Open
#408 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
42/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
nuxt, typescript
Domain
api, frontend

Research direction

Reproduce the request at /api/_nuxt_icon/custom.json?icons=dot-circle,gmail and compare it with single-icon requests. Trace the custom icon JSON generation or API entry point, then verify that the response includes both requested icons with their complete definitions.

Written by the indexing model from the issue text.

Description

My custom icon collection doesn't return more than 1 icon, If I call just gmail or dot-circle, it works, but it doesn't work for multiple icons, from the URL (http://localhost:3000/api/_nuxt_icon/custom.json?icons=dot-circle,gmail) I get the following JSON.

{
   "prefix":"custom",
   "icons":{
      "dot-circle":{
         "width":32,
         "height":33,
         "body":"<g fill=\"none\"><path opacity=\"0.2\" d=\"M16 28.8047C22.6274 28.8047 28 23.4321 28 16.8047C28 10.1773 22.6274 4.80469 16 4.80469C9.37258 4.80469 4 10.1773 4 16.8047C4 23.4321 9.37258 28.8047 16 28.8047Z\" fill=\"#D324FC\"/>\n<path d=\"M16 28.8047C22.6274 28.8047 28 23.4321 28 16.8047C28 10.1773 22.6274 4.80469 16 4.80469C9.37258 4.80469 4 10.1773 4 16.8047C4 23.4321 9.37258 28.8047 16 28.8047Z\" stroke=\"#D324FC\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<circle cx=\"16\" cy=\"17\" r=\"3\" fill=\"#D324FC\"/></g>"
      }
   }
}
Dominant language
TypeScript
Stars
1.2k
Forks
97
Avg merge
9d 2h
Merged PRs (30d)
5

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from nuxt/icon

All issues in nuxt/icon

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.