Svelte Kit icon

logos:svelte-kit

The Svelte Kit icon (logos:svelte-kit) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 92 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 92
Tags: sveltekit

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="92" viewBox="0 0 512 92"><path fill="#8d8d93" d="m428.99 70.19l-13.73-25.51l-8.643 10.456v15.055h-7.249V21.4h7.249v23.628L425.436 21.4h8.364l-13.66 17.146l17.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.171a16.26 16.26 0 0 1-6.553-8.678l6.83-2.509a12.6 12.6 0 0 0 4.462 5.398a11.75 11.75 0 0 0 6.76 1.987a9.93 9.93 0 0 0 6.448-1.952a6.77 6.77 0 0 0 2.404-5.575a6.1 6.1 0 0 0-.662-2.824a8.4 8.4 0 0 0-1.499-2.126a10.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.847a13.5 13.5 0 0 1-3.415-2.58a12.5 12.5 0 0 1-2.055-3.38a12.08 12.08 0 0 1 3.271-13.73q4.182-3.693 11.36-3.694q5.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.589a10.9 10.9 0 0 0-5.68-1.36a8.76 8.76 0 0 0-5.473 1.534a5.15 5.15 0 0 0-1.985 4.322a4.5 4.5 0 0 0 1.532 3.345a10.5 10.5 0 0 0 3.207 2.16q1.674.697 5.089 1.882q2.088.768 3.1 1.15t2.963 1.289a20.5 20.5 0 0 1 2.997 1.636a26 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.136a14.4 14.4 0 0 1 .524 3.94q0 6.83-4.671 10.697q-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.547a24.5 24.5 0 0 0-3.66 9.147a26.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.548a24.5 24.5 0 0 0 3.659-9.146a26.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.227l1.094.802a27.5 27.5 0 0 0 8.343 4.172l.792.24l-.073.792a4.78 4.78 0 0 0 .86 3.172a5.1 5.1 0 0 0 5.48 2.032a4.7 4.7 0 0 0 1.31-.572l21.334-13.601a4.44 4.44 0 0 0 2.004-2.97a4.74 4.74 0 0 0-.808-3.575a5.11 5.11 0 0 0-5.48-2.034a4.7 4.7 0 0 0-1.31.572l-8.14 5.19a15.6 15.6 0 0 1-4.335 1.902a16.95 16.95 0 0 1-18.188-6.742a15.68 15.68 0 0 1-2.68-11.86a14.72 14.72 0 0 1 6.656-9.855L40.062 12.88a15.6 15.6 0 0 1 4.335-1.905a16.95 16.95 0 0 1 18.188 6.742a15.68 15.68 0 0 1 2.68 11.86a15 15 0 0 1-.512 1.994L64.35 32.8l-1.093-.8a27.5 27.5 0 0 0-8.342-4.172l-.794-.24l.074-.792a4.8 4.8 0 0 0-.86-3.172a5.1 5.1 0 0 0-5.476-2.032a4.7 4.7 0 0 0-1.31.572L25.215 35.759a4.44 4.44 0 0 0-2.003 2.97a4.74 4.74 0 0 0 .806 3.575a5.11 5.11 0 0 0 5.48 2.034a4.7 4.7 0 0 0 1.31-.572l8.139-5.188a15.5 15.5 0 0 1 4.335-1.904a16.945 16.945 0 0 1 18.184 6.738a15.68 15.68 0 0 1 2.68 11.86a14.72 14.72 0 0 1-6.65 9.86L36.163 78.726a15.5 15.5 0 0 1-4.334 1.905"/></svg>

How to use the Svelte Kit icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:svelte-kit" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:svelte-kit" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:svelte-kit" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--svelte-kit]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:svelte-kit"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:svelte-kit"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/svelte-kit.svg" alt="Svelte Kit icon" width="24" height="24">

Related icons in SVG Logos

Svelte Kit icon FAQ

Is the Svelte Kit icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Svelte Kit icon in React?

Install @iconify/react and render <Icon icon="logos:svelte-kit" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Svelte Kit icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/svelte-kit.svg" alt="Svelte Kit icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →