Icono Svelte Kit

logos:svelte-kit

El icono Svelte Kit (logos:svelte-kit) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 512 × 92. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: SVG Logos
Autor: Gil Barbara
Licencia: CC0-1.0
Tamaño: 512 × 92
Etiquetas: sveltekit

Descargar SVG

Código SVG

<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>

Cómo usar el icono Svelte Kit

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>

Imagen HTML

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

Iconos relacionados en SVG Logos

Preguntas frecuentes sobre Icono Svelte Kit

¿El icono Svelte Kit es gratis para uso comercial?

Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Svelte Kit en React?

Instala @iconify/react y renderiza <Icon icon="logos:svelte-kit" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Svelte Kit a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/svelte-kit.svg" alt="Icono Svelte Kit">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos SVG Logos →