Logoforge
Back

Svelte logo

Svelte is a JavaScript framework that compiles components into efficient imperative code, reducing runtime overhead for web applications. The Svelte logo as clean SVG, in brand color and mono. Copy it, download it, or install it as a typed React component.

Svelte logo
Brand color
#ff3e00
Categories
Frameworks
Variants
4 SVG files
Website
svelte.dev
Source
gilbarbara/logos · CC0
Sponsor

Use the Svelte logo

shadcn CLI
npx shadcn@latest add @logoforge/svelte

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

React
import { SvelteLogo } from "@/components/logos/svelte";

<SvelteLogo className="size-8" />
<SvelteLogo variant="mono" />          {/* currentColor */}
<SvelteLogo type="wordmark" className="h-6 w-auto" />
icon.svg
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 308"><path fill="#ff3e00" d="M239.682 40.707C211.113-.182 154.69-12.301 113.895 13.69L42.247 59.356a82.2 82.2 0 0 0-37.135 55.056 86.57 86.57 0 0 0 8.536 55.576 82.4 82.4 0 0 0-12.296 30.719 87.6 87.6 0 0 0 14.964 66.244c28.574 40.893 84.997 53.007 125.787 27.016l71.648-45.664a82.18 82.18 0 0 0 37.135-55.057 86.6 86.6 0 0 0-8.53-55.577 82.4 82.4 0 0 0 12.29-30.718 87.57 87.57 0 0 0-14.963-66.244"/><path fill="#fff" d="M106.889 270.841c-23.102 6.007-47.497-3.036-61.103-22.648a52.7 52.7 0 0 1-9.003-39.85 50 50 0 0 1 1.713-6.693l1.35-4.115 3.671 2.697a92.5 92.5 0 0 0 28.036 14.007l2.663.808-.245 2.659a16.07 16.07 0 0 0 2.89 10.656 17.14 17.14 0 0 0 18.397 6.828 15.8 15.8 0 0 0 4.403-1.935l71.67-45.672a14.92 14.92 0 0 0 6.734-9.977 15.92 15.92 0 0 0-2.713-12.011 17.16 17.16 0 0 0-18.404-6.832 15.8 15.8 0 0 0-4.396 1.933l-27.35 17.434a52.3 52.3 0 0 1-14.553 6.391c-23.101 6.007-47.497-3.036-61.101-22.649a52.68 52.68 0 0 1-9.004-39.849 49.43 49.43 0 0 1 22.34-33.114l71.664-45.677a52.2 52.2 0 0 1 14.563-6.398c23.101-6.007 47.497 3.036 61.101 22.648a52.7 52.7 0 0 1 9.004 39.85 51 51 0 0 1-1.713 6.692l-1.35 4.116-3.67-2.693a92.4 92.4 0 0 0-28.037-14.013l-2.664-.809.246-2.658a16.1 16.1 0 0 0-2.89-10.656 17.14 17.14 0 0 0-18.398-6.828 15.8 15.8 0 0 0-4.402 1.935l-71.67 45.674a14.9 14.9 0 0 0-6.73 9.975 15.9 15.9 0 0 0 2.709 12.012 17.16 17.16 0 0 0 18.404 6.832 15.8 15.8 0 0 0 4.402-1.935l27.345-17.427a52.2 52.2 0 0 1 14.552-6.397c23.101-6.006 47.497 3.037 61.102 22.65a52.68 52.68 0 0 1 9.003 39.848 49.45 49.45 0 0 1-22.34 33.12l-71.664 45.673a52.2 52.2 0 0 1-14.563 6.398"/></svg>

Download

Related logos

Svelte and the Svelte logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Svelte; 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.