أيقونة Kserve Light

thesvg-color:kserve-light

أيقونة Kserve Light (thesvg-color:kserve-light) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 256 × 256. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: theSVG Color
المؤلف: thesvg.org
الترخيص: MIT
الحجم: 256 × 256
الوسوم: kservelight

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#326ce5" d="M128 11.457a4.5 4.5 0 0 0-1.934.44L34.08 56.1a4.47 4.47 0 0 0-2.42 3.034L8.89 159.155a4.47 4.47 0 0 0 .855 3.765l63.406 79.93a4.47 4.47 0 0 0 3.498 1.69h102.7a4.47 4.47 0 0 0 3.498-1.69l63.406-79.93a4.47 4.47 0 0 0 .855-3.765l-22.773-100.02a4.47 4.47 0 0 0-2.418-3.034l-91.984-44.205a4.5 4.5 0 0 0-1.933-.439" color="#000"/><path fill="#f9fafd" d="M143.8 72.232c-11.942.512-23.322 6.436-31.242 15.282c-1.95 2.131-3.605 4.505-5.264 6.86c-.65.802-1.793 1.326-2.763.771c-2.313-.887-4.348-2.412-6.765-3.044c-5.996-1.948-12.644-1.084-18.279 1.592c-5.844 2.665-10.742 7.392-13.459 13.227c-1.054 2.097-1.75 4.35-2.771 6.454c-1.141 1.871-3.236 2.856-5.309 3.3c-3.44.95-6.585 2.764-9.306 5.056a39 39 0 0 0-9.357 11.504c-3.245 6.215-4.309 13.462-3.3 20.378c.964 7.749 4.103 15.437 9.813 20.9c5.133 5.04 12.07 7.966 19.15 8.878c4.49.642 9.035.409 13.546.179c19.888-.744 39.788.15 59.681-.03c18.175-.01 36.351.023 54.525-.01c8.22-.4 15.942-4.94 20.81-11.498c6.837-8.965 8.817-21.477 4.793-32.046c-2.195-6.338-6.118-12.343-11.944-15.872c-3.45-2.175-7.391-3.44-11.37-4.207c-1.5-.69-1.659-2.544-1.973-3.965c-2.22-11.007-6.975-21.667-14.598-30c-8.794-9.368-21.862-14.23-34.618-13.71zm2.123 9.34c10.425.144 20.526 5.506 26.844 13.772c5.723 7.21 9.062 16.156 9.706 25.305c.181 1.986.083 4.05.345 6.047c.281 1.334 1.507 2.416 2.899 2.37c2.528.23 5.088-.193 7.598.305c4.125.605 8.02 2.739 10.63 6.008c4.707 5.565 6.28 13.285 5.187 20.389c-.873 5.814-3.757 11.489-8.561 15.01c-2.682 2-6.07 3.263-9.478 3.172c-35.006.033-70.014.053-105.02.048c-5.185-.024-10.374.041-15.558-.038c-.812-.065-1.675-.051-2.372-.431c4.527-3.918 9.13-7.763 13.673-11.668c5.962-5.09 11.913-10.192 17.87-15.287l19.236 16.225l37.424-31.934l11.375 9.857q-.924-13.185-1.851-26.371q-15.387-.952-30.773-1.9l10.713 9.285l-26.324 22.459l-18.14-15.3c-15.13 12.9-30.22 25.848-45.408 38.675c-.755.608-2.028.756-2.634-.14c-3.39-3.247-5.342-7.697-6.228-12.22c-1.366-7.267.069-15.085 4.113-21.257c2.688-4.075 6.69-7.561 11.38-8.89c2.304-.62 4.762-.415 7.116-.224c1.353.087 3.012-.433 3.388-1.9c.488-1.637.258-3.382.605-5.05c.619-4.616 2.416-9.314 6.004-12.459c3.455-3.148 8.187-5.145 12.907-4.665c2.762.333 5.604 1.603 7.777 3.48c3.099 2.661 5.207 6.231 7.943 9.217c1.158 1.2 1.381.869 1.967-1.414a41.2 41.2 0 0 1 10.956-18.842c4.5-4.506 9.874-8.285 15.938-10.338a29 29 0 0 1 8.752-1.297z" class="cls-2"/></svg>

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

React

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

<Icon icon="thesvg-color:kserve-light" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:kserve-light" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:kserve-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--kserve-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:kserve-light"></div>

مكوّن ويب

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

<iconify-icon icon="thesvg-color:kserve-light"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/kserve-light.svg" alt="أيقونة Kserve Light" width="24" height="24">

أيقونات ذات صلة في theSVG Color

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

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

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

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

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

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

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

تصفح كل أيقونات theSVG Color →