Displaying svg icons in headings

I’ve been using the plugin Icon Shortcodes to display icons practically anywhere in my note. Now with the new v1.0.0 update, the emojis are still displayed just fine but the custom svg icons I have for the headings bloat up and fill the entire screen. How do I fix this?
Nearly every note I have has custom icons in svg format for headings and now it becomes a massive headache for me :sob:

Having the same problem, all my SVG icons appeared huge in my notes. Also using Shortcodes

I received help from a very kind soul from github and while waiting for update, add this css snippet and it should fix the problem. It works at my end so huge sight of relief now :sweat_smile:

.markdown-source-view .HyperMD-header-1 .isc-icon>img,
.markdown-source-view .HyperMD-header-1 .isc-icon>svg,
.markdown-preview-view h1 .isc-icon>img,
.markdown-preview-view h1 .isc-icon>svg {
    height: var(--h1-size);

.markdown-source-view .HyperMD-header-2 .isc-icon>img,
.markdown-source-view .HyperMD-header-2 .isc-icon>svg,
.markdown-preview-view h2 .isc-icon>img,
.markdown-preview-view h2 .isc-icon>svg {
    height: var(--h2-size);

.markdown-source-view .HyperMD-header-3 .isc-icon>img,
.markdown-source-view .HyperMD-header-3 .isc-icon>svg,
.markdown-preview-view h3 .isc-icon>img,
.markdown-preview-view h3 .isc-icon>svg {
    height: var(--h3-size);

.markdown-source-view .HyperMD-header-4 .isc-icon>img,
.markdown-source-view .HyperMD-header-4 .isc-icon>svg,
.markdown-preview-view h4 .isc-icon>img,
.markdown-preview-view h4 .isc-icon>svg {
    height: var(--h4-size);

.markdown-source-view .HyperMD-header-5 .isc-icon>img,
.markdown-source-view .HyperMD-header-5 .isc-icon>svg,
.markdown-preview-view h5 .isc-icon>img,
.markdown-preview-view h5 .isc-icon>svg {
    height: var(--h5-size);

.markdown-source-view .HyperMD-header-6 .isc-icon>img,
.markdown-source-view .HyperMD-header-6 .isc-icon>svg,
.markdown-preview-view h6 .isc-icon>img,
.markdown-preview-view h6 .isc-icon>svg {
    height: var(--h6-size);