Icon Font #3 - Add custom SVG icon using icomoon

[@colindante5164]

Thanks a whole bunch. It's folks like you that post tutorials like this that makes everyone's life easier. )))

[@CodeWithBibek]

Thank you 🙏

[@kiranupadhya5447]

The get code shows large set of span tags, why?

[@CodeWithBibek]

That is strange as it works fine for me when I tested them recently.
Can you tell me the icon name that you are using or can you send me some screenshots please?

[@CodeWithBibek]

Thank you everyone. Please share and subscribe my channel to support me and get other web tutorials. 🙂

[@abdusamadtk]

I am facing an issue with the Icomoon app. Whenever I'm adding new icons with my library and export to the new version, all my old icons are getting miss-aligned from the grid/layout, and it is affecting my UI. have any idea about this issue? or any solution?

[@CodeWithBibek]

Did you import 'selection.json'. It should contain all your previous icons. Only after importing, you can add new icons and use them.

[@virtualshahidul]

Thanks

[@CodeWithBibek]

You’re welcome

[@lemuelrevels6285]

I did this and my Icons are squares

[@CodeWithBibek]

That is strange. Did you try it on your existing project or new project? I suspect any of your CSS might be affecting it?

[@lemuelrevels6285]

@@CodeWithBibek I put it in an existing project I have no idea what would be affecting it tho

[@lemuelrevels6285]

@@CodeWithBibek should I copy the things from my existing one into the one with the working icons?

[@CodeWithBibek]

@@lemuelrevels6285 Yes, I think it would be great if you try them in new project first. If it works there, try to put them in existing project. If something is wrong, then at least we would know some of the CSS is affecting it. We would be able to sort it out then.

[@lemuelrevels6285]

@@CodeWithBibek so I tried them by themselves in the demo file and they worked but in my project file where I need them in, they aren’t working