أيقونة Svelte Kit

logos:svelte-kit

أيقونة Svelte Kit (logos:svelte-kit) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 512 × 92. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: SVG Logos
المؤلف: Gil Barbara
الترخيص: CC0-1.0
الحجم: 512 × 92
الوسوم: sveltekit

تنزيل SVG

شيفرة 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>

كيفية استخدام أيقونة 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>

مكوّن ويب

<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

<img src="https://iconyz.com/api/public/svg/logos/svelte-kit.svg" alt="أيقونة Svelte Kit" width="24" height="24">

أيقونات ذات صلة في SVG Logos

الأسئلة الشائعة حول أيقونة Svelte Kit

هل أيقونة Svelte Kit مجانية للاستخدام التجاري؟

نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Svelte Kit في React؟

ثبّت @iconify/react واعرض <Icon icon="logos:svelte-kit" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Svelte Kit إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/svelte-kit.svg" alt="أيقونة Svelte Kit">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات SVG Logos →