Logos
Brand and partner logo SVGs with a searchable gallery for browsing and copying.
Loading preview…
1<script lang="ts">
2 import ThreePortals from "./logo-set/three-portals.svelte";
3</script>
4
5<div class="flex flex-wrap items-center gap-6">
6 <ThreePortals class="h-10 w-auto" />
7</div>
8Installation
1. Install dependencies
2. Copy these files into your project
- ~/components/logos/index.ts
- ~/components/logos/logos.ts
- ~/components/logos/logo-grid.svelte
- ~/components/logos/logo-gallery.svelte
- ~/components/logos/logo-set/logo.svelte
- ~/components/logos/logo-set/logo-text.svelte
- ~/components/logos/logo-set/main-logo.svelte
- ~/components/logos/logo-set/three-portals.svelte
- ~/components/logos/logo-set/alpha-wave.svelte
- ~/components/logos/logo-set/leap-year.svelte
- ~/components/logos/logo-set/voxel-labs.svelte
- ~/components/logos/logo-set/apple.svelte
- ~/components/logos/logo-set/apple-store.svelte
- ~/components/logos/logo-set/play-store.svelte
- ~/components/logos/logo-set/instagram.svelte
- ~/components/logos/logo-set/x.svelte
- ~/components/logos/logo-set/facebook.svelte
- ~/components/logos/logo-set/google.svelte
- ~/components/logos/logo-set/svelte-logo.svelte
Usage
Import individual logos from logo-set, or browse the full set with LogoGallery.
1<script lang="ts">
2 import ThreePortals from '~/components/logos/logo-set/three-portals.svelte';
3 import Apple from '~/components/logos/logo-set/apple.svelte';
4 import Google from '~/components/logos/logo-set/google.svelte';
5</script>
6
7<div class="flex items-center gap-4">
8 <ThreePortals class="h-10 w-auto" />
9 <Apple class="size-6" />
10 <Google class="size-6" />
11</div>