Icon SVG is not loaded

[plaidshirtakos]

Preliminary Checks

• This issue is not a duplicate. Before opening a new issue, please search existing issues: https://github.com/HugoBlox/hugo-blox-builder/issues?q=is%3Aissue
• This issue is not a question, feature request, or anything other than a bug report directly related to Hugo Blox Builder. Please post those things on Discord: https://discord.gg/z8wNYzb

Description

I uploaded svg file to set it as an icon.

Reproduction Link

https://github.com/plaidshirtakos/LinkInBio/tree/main/assets/media/icons

Steps to Reproduce

1. Upload svg file to assets/media/icons
2. Try to use it in content/_index.md

Expected Result

Icon should be shown.

Actual Result

Icon is not shown, a default picture appears.

What Hugo Module versions does your site use?

module my_website

go 1.19

require (
github.com/HugoBlox/hugo-blox-builder/modules/blox-plugin-netlify v1.1.2-0.20231108143325-448ed0e3bd2b
github.com/HugoBlox/hugo-blox-builder/modules/blox-tailwind v0.1.2-0.20231205221046-e29517634e3b
)

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Chrome

Which Hugo Blox template are you using?

Link In Bio

What version of Hugo are you using?

0.119.0

[gcushen]

Try to use it in content/_index.md

How are you trying to use it? Share the contents of that file where you are trying to referencing it.

Are you referencing it as per the docs: https://docs.hugoblox.com/getting-started/page-builder/#icons

For example icon: custom/icon-name references assets/media/icons/icon-name.svg

[plaidshirtakos]

I tried the same, but got default logo. https://github.com/plaidshirtakos/LinkInBio/tree/main/assets/media/icons
https://github.com/plaidshirtakos/LinkInBio/blob/main/content/_index.md?plain=1

[WebDucer]

Have same issue:

• Template: blog-pro
• Page: authors/admin/_index.md

profiles:
  - icon: "icon:mvhs"
    url: https://example.com

Also tried

• mvhs
• icon/mvhs

Like described in docs, I placed the the SVG icon into assets/media/icons/custom/mvhs.svg path.

I get following error messages (depending on the icon):

• icon:mvhs => WARN The icon icon:mvhs.svg was not found in your assets/media/icons/hero folder
• mvhs => WARN The icon mvhs.svg was not found in your assets/media/icons/hero folder
• custom/mvhs => WARN The icon custom/mvhs.svg was not found in your assets/media/icons/custom folder
• icon/mvhs => WARN The icon icon/mvhs.svg was not found in your assets/media/icons/icon folder

My current workaround is to place the icon into assets/media/icons/hero/mvhs.svg path.

[ggulersoy]

should be:

icon: "custom/mvhs"

[WebDucer]

Yes, should, but not work as you can see 😉. The icon custom/mvhs.svg was not found in your assets/media/icons/custom folder

[EckoTan0804]

icon: "custom/mvhs" does not work. The custom icon is still not displayed.
Placing the icon into assets/media/icons/hero path does not work either...

[Fengyee]

any updat?

[LuyuanPeng]

move all your svg to assets/media/icons/custom/ and then reference it.
For example, reference assets/media/icons/custom/car.svg using custom/car

[Fengyee]

Thank you! It works