Merge Flaticon collections / use multiple collections at the same time
We are using Flaticons on our website (their Iconfont format). However I would like to add a few more icons into the pack. I tried creating another collection on Flaticon and then manually merge them but it would not work for me. Especially since I am just able to merge .css and .svg files manually.
The file structure looks like this:
However using 2 Flaticon packs at the same time seems to interfere with each other. I believe it's because of the unicode identifiers.
What is the way to use 2 Flaticon packs next to each other or merge them into one?
Currently Flaticon does not offer any tool or way to do that. The only way is to change manually the file names and use them side by side.
The response I got in an email from Flaticon:
We are sorry to inform you that the only way would be manually changing the names of the inconfonts files one by one. You will need to extract first the files in order to change the name manually:
- SASS inserts code comments periodically into my compiled CSS
- How to prevent text moving when transitioning sibling element's width
- MJML : Outlook 1px horizontal when using direction rtl on mj-section
- CSS in cshtml for MVC : Conditional formatting based on a keyword in text
- Semantic colors in an Angular Material component
- Flowbite CSS plugin is not working when including it in tailwind.config.js
- Can I have an onclick effect in CSS?
- Tailwind CSS height screen in mobile browser
- Margin different in Windows (Chome, Edge, etc.) and Mac OS (Safari)
- How do I use the reverse border radius at the top of a card? (CSS)
- Stacked Bootstrap progress to show multiple ranges with tooltip
- Dynamically set the printed page size using '@page'
- Creating an end screen for my game using javascript, css, and html
- CSS table layout: why does table-row not accept a margin?
- Add fontawesome to shadowroot of webcomponent
- CSS animation with the oblique
- How to change width of a Sidenav in Angular Material Design?
- Darkening an image when clicked is requiring an initial click on that image, and I don't know why
- Adding margins between Bootstrap columns
- css border: 1px appear as 0.667px or 1px depending on the computer / display resolution (?)
- How can I use a linear-gradient in a VS Code theme?
- Formatting numbers (decimal places, thousands separators, localization, etc) with CSS
- A basic jQuery slider is not sliding through images properly
- prevent :after element from wrapping to next line
- Photoshop export gradient ( .grd files )
- Display hidden not working with flex in Tailwind
- Footer on last printed page
- Make image size responsive to container dimensions while maintaining its aspect ratio
- Vertical Alignment of SVG in CSS
- Spinning number animation on value update