Logoforge

SvelteKit logo

SvelteKit extends Svelte with routing, server‑side rendering, and adapters, enabling developers to build full‑stack web applications. The SvelteKit logo as clean SVG, in brand color and mono, with a dark-mode variant. Copy it, download it, or install it as a typed React component.

SvelteKit logo
Brand color
#8d8d93
Categories
Frameworks
Variants
3 SVG files
Source
gilbarbara/logos · CC0
Sponsor

Use the SvelteKit logo

shadcn CLI
npx shadcn@latest add @logoforge/sveltekit

Works out of the box — @logoforge is in the official shadcn directory. Prefer your AI editor? Use the MCP server.

React
import { SveltekitLogo } from "@/components/logos/sveltekit";

<SveltekitLogo className="size-8" />
<SveltekitLogo variant="mono" />          {/* currentColor */}
icon.svg
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 512 92"><title>SvelteKit</title><path fill="#8d8d93" d="m428.99 70.19-13.73-25.51-8.643 10.456v15.055h-7.249V21.4h7.249v23.628L425.436 21.4h8.364l-13.66 17.146 17.355 31.644zm24.185 0V21.4h7.248v48.79zM498.2 28.372v41.82h-7.249V28.37h-13.8V21.4H512v6.97z"/><path fill="#4a4a55" d="M122.204 71.027a19.7 19.7 0 0 1-11.22-3.171 16.26 16.26 0 0 1-6.553-8.678l6.83-2.509a12.6 12.6 0 0 0 4.462 5.398 11.75 11.75 0 0 0 6.76 1.987 9.93 9.93 0 0 0 6.448-1.952 6.77 6.77 0 0 0 2.404-5.575 6.1 6.1 0 0 0-.662-2.824 8.4 8.4 0 0 0-1.499-2.126 10.1 10.1 0 0 0-2.578-1.708q-1.744-.87-2.893-1.324a83 83 0 0 0-3.38-1.22q-2.79-.975-4.182-1.533a31.5 31.5 0 0 1-3.66-1.847 13.5 13.5 0 0 1-3.415-2.58 12.5 12.5 0 0 1-2.055-3.38 12.08 12.08 0 0 1 3.271-13.73q4.182-3.693 11.36-3.694 5.995 0 9.863 2.648a12.8 12.8 0 0 1 5.193 7.04l-6.691 2.23a7.8 7.8 0 0 0-3.241-3.589 10.9 10.9 0 0 0-5.68-1.36 8.76 8.76 0 0 0-5.473 1.534 5.15 5.15 0 0 0-1.985 4.322 4.5 4.5 0 0 0 1.532 3.345 10.5 10.5 0 0 0 3.207 2.16q1.674.697 5.089 1.882 2.088.768 3.1 1.15t2.963 1.289a20.5 20.5 0 0 1 2.997 1.636 26 26 0 0 1 2.44 1.986c.84.73 1.558 1.588 2.126 2.544a14.2 14.2 0 0 1 1.254 3.136 14.4 14.4 0 0 1 .524 3.94q0 6.83-4.671 10.697-4.67 3.867-11.985 3.876m44.677-.836L150.153 21.4h7.807l11.082 34.013a53 53 0 0 1 1.533 5.577c.408-1.886.92-3.748 1.534-5.577L183.051 21.4h7.737l-16.659 48.79zm38.682 0V21.4h30.25v6.83h-23v13.383h14.845v6.83h-14.846V63.36h24.537v6.832zm50.252 0V21.4h7.25v41.82h23.837v6.97zm58.407-41.82v41.82h-7.249V28.37h-13.8V21.4h34.85v6.97zm28.783 41.82V21.4h30.25v6.83h-22.998v13.383h14.845v6.83h-14.845V63.36h24.537v6.832z"/><path fill="#ff3e00" d="M71.366 12.122C62.86-.053 46.06-3.664 33.913 4.077L12.58 17.674A24.47 24.47 0 0 0 1.523 34.068a25.78 25.78 0 0 0 2.54 16.547 24.5 24.5 0 0 0-3.66 9.147 26.08 26.08 0 0 0 4.455 19.724c8.506 12.176 25.308 15.786 37.453 8.044l21.333-13.597A24.47 24.47 0 0 0 74.702 57.54a25.8 25.8 0 0 0-2.54-16.548 24.5 24.5 0 0 0 3.659-9.146 26.07 26.07 0 0 0-4.456-19.724"/><path fill="#fff" d="M31.829 80.632A16.95 16.95 0 0 1 13.64 73.89a15.68 15.68 0 0 1-2.68-11.86q.186-1.013.51-1.991l.401-1.227 1.094.802a27.5 27.5 0 0 0 8.343 4.172l.792.24-.073.792a4.78 4.78 0 0 0 .86 3.172 5.1 5.1 0 0 0 5.48 2.032 4.7 4.7 0 0 0 1.31-.572l21.334-13.601a4.44 4.44 0 0 0 2.004-2.97 4.74 4.74 0 0 0-.808-3.575 5.11 5.11 0 0 0-5.48-2.034 4.7 4.7 0 0 0-1.31.572l-8.14 5.19a15.6 15.6 0 0 1-4.335 1.902 16.95 16.95 0 0 1-18.188-6.742 15.68 15.68 0 0 1-2.68-11.86 14.72 14.72 0 0 1 6.656-9.855L40.062 12.88a15.6 15.6 0 0 1 4.335-1.905 16.95 16.95 0 0 1 18.188 6.742 15.68 15.68 0 0 1 2.68 11.86 15 15 0 0 1-.512 1.994L64.35 32.8l-1.093-.8a27.5 27.5 0 0 0-8.342-4.172l-.794-.24.074-.792a4.8 4.8 0 0 0-.86-3.172 5.1 5.1 0 0 0-5.476-2.032 4.7 4.7 0 0 0-1.31.572L25.215 35.759a4.44 4.44 0 0 0-2.003 2.97 4.74 4.74 0 0 0 .806 3.575 5.11 5.11 0 0 0 5.48 2.034 4.7 4.7 0 0 0 1.31-.572l8.139-5.188a15.5 15.5 0 0 1 4.335-1.904 16.945 16.945 0 0 1 18.184 6.738 15.68 15.68 0 0 1 2.68 11.86 14.72 14.72 0 0 1-6.65 9.86L36.163 78.726a15.5 15.5 0 0 1-4.334 1.905"/></svg>

Download

Related logos

SvelteKit and the SvelteKit logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by SvelteKit; the logo is provided to refer to the product. Follow the brand's own guidelines. Own this brand and want it removed? Contact us — handled within 72 hours.