أيقونة Wistron

thesvg-color:wistron

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

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

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="215" height="42" viewBox="0 0 215 42"><path fill="#9acd66" d="M56.526 7.741h10.333V38.64H56.526Z"/><path fill="#016c8c" d="M181.963 7.741h9.306v4.19h.134c1.292-2.41 4.455-4.955 9.168-4.955c9.828 0 11.639 6.356 11.639 14.628v17.035h-9.696V23.507c0-3.555-.065-8.135-5.036-8.135c-5.045 0-5.821 3.877-5.821 7.88v15.387h-9.694zm-37.648 15.446c0 9.855 7.755 16.22 17.455 16.22c9.69 0 17.445-6.365 17.445-16.22S171.46 6.975 161.77 6.975c-9.7 0-17.455 6.358-17.455 16.212m9.691 0c0-4.637 2.913-7.814 7.764-7.814c4.836 0 7.752 3.177 7.752 7.814c0 4.646-2.916 7.826-7.752 7.826c-4.85 0-7.764-3.18-7.764-7.826M123.252 7.741h9.694V12.7h.128c2.071-3.746 4.778-5.723 9.051-5.723c1.095 0 2.323.065 3.224.319v8.716c-1.359-.384-2.708-.639-4.13-.639c-7.374 0-8.273 4.203-8.273 10.365V38.64h-9.694zm-3.407 7.631h-8.533v10.29c0 3.314.39 5.729 4.588 5.729c1.036 0 3.104-.126 3.945-.883v7.941c-2.128.759-4.524.956-6.787.956c-6.46 0-11.446-2.605-11.446-9.346V15.372h-6.198v-7.63h6.198V0h9.7v7.741h8.533zM88.93 16.834c-1.42-1.717-3.295-2.608-5.618-2.608c-1.614 0-3.557.704-3.557 2.541c0 4.583 16.347.702 16.347 12.462c0 7.886-7.751 10.177-14.472 10.177c-4.396 0-9.243-1.087-12.344-4.2l5.882-6.42c1.807 2.159 3.944 3.368 6.846 3.368c2.202 0 4.397-.567 4.397-2.221c0-4.967-16.35-.766-16.35-12.528c0-7.252 6.591-10.43 13.186-10.43c4.139 0 8.727 1.023 11.636 4.067zM56.526 0h10.333v7.741H56.526ZM0 7.741h10.333l6.403 19.395h.127l5.37-19.395h10.594l5.816 19.395h.13L44.66 7.741h9.817L43.3 38.64h-9.567l-6.526-20.531h-.13l-5.821 20.53h-9.753z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="thesvg-color:wistron"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

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