{#if wordmarkSvg == true} {svgInfo.title} {:else} {svgInfo.title} {/if}

{svgInfo.title}

{#if Array.isArray(svgInfo.category)} {#each svgInfo.category.sort() as c, index} {c} {#if index < svgInfo.category.length - 1} . {/if} {/each} {:else} {svgInfo.category} {/if}
{svgInfo.category}
{#if isInFigma} {/if} {#if wordmarkSvg} {:else} {/if} {#if typeof svgInfo.route !== 'string'} { downloadAllVariants(svgInfo); }} >

Light & dark variants

 { const svgHasTheme = typeof svgInfo.route !== 'string'; if (!svgHasTheme) { downloadSvg( typeof svgInfo.route === 'string' ? svgInfo.route : "Something went wrong. Couldn't copy the SVG." ); return; } const dark = document.documentElement.classList.contains('dark'); downloadSvg( typeof svgInfo.route !== 'string' ? dark ? svgInfo.route.dark : svgInfo.route.light : svgInfo.route ); }} > Only {document.documentElement.classList.contains('dark') ? 'dark' : 'light'} variant {:else} {/if} {#if svgInfo.wordmark !== undefined} {/if}