أيقونة Svelte

file-icons:svelte

أيقونة Svelte (file-icons:svelte) أيقونة SVG مجانية من مجموعة File Icons من تصميم John Gardner. مرسومة على شبكة 426 × 512. تُنشر File Icons بموجب ترخيص ISC، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: File Icons
المؤلف: John Gardner
الترخيص: ISC
الحجم: 426 × 512

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="426" height="512" viewBox="0 0 426 512"><path fill="currentColor" d="M403.508 229.23C491.235 87.7 315.378-58.105 190.392 23.555L71.528 99.337c-57.559 37.487-82.55 109.513-47.45 183.53c-87.761 133.132 83.005 289.03 213.116 205.762l118.864-75.782c64.673-42.583 79.512-116.018 47.45-183.616m-297.592-80.886l118.69-75.739c77.973-46.679 167.756 34.942 135.388 110.992c-19.225-15.274-40.65-24.665-56.923-28.894c6.186-24.57-22.335-42.796-42.174-30.106l-118.95 75.48c-29.411 20.328 1.946 62.138 31.014 44.596l45.33-28.895c101.725-57.403 198 80.425 103.38 147.975l-118.692 75.739C131.455 485.225 34.11 411.96 67.592 328.5c17.786 13.463 36.677 23.363 56.923 28.894c-4.47 28.222 24.006 41.943 42.476 30.365L285.64 312.02c29.28-21.955-2.149-61.692-30.97-44.595l-45.504 28.894c-100.56 58.77-199.076-80.42-103.25-147.975"/></svg>

كيفية استخدام أيقونة Svelte

React

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

<Icon icon="file-icons:svelte" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:svelte" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:svelte" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="file-icons:svelte"></iconify-icon>

صورة HTML

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

أيقونة Svelte في مجموعات أخرى

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

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

نعم. تُنشر File Icons بموجب ترخيص ISC، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل File Icons →