svelte-social-media-icons demo • Playground • Svelte

App.svelte

import * as icons from "svelte-social-media-icons";

</script>

{#each Object.entries(icons) as [icon, component]}

<div>

<svelte:component this={component} />

{icon}

</div>

{/each}

<style>

div {

display: flex;

flex-direction: row;

gap: 12px;

align-items: center;

}

</style>

loading Svelte compiler...

/* Select a component to see its compiled code */

result = svelte.compile(source, {

generate: "client" "server",

dev: false });

/* Select a component to see its compiled code */