أيقونة Swagger
thesvg-color:swagger
أيقونة Swagger (thesvg-color:swagger) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 256 × 256. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- theSVG Color
- المؤلف
- thesvg.org
- الترخيص
- MIT
- الحجم
- 256 × 256
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#85ea2d" d="M128 250a122 122 0 1 1 0-244a122 122 0 0 1 0 244"/><path fill="#173647" d="M128 12a116 116 0 1 1 0 232a116 116 0 0 1 0-232m0-12a128 128 0 1 0 0 256a128 128 0 0 0 0-256"/><path fill="#173647" d="m81 87l-1 13l-1 13c-2 6-5 11-11 15c11 7 12 17 13 28v17c1 5 2 6 7 6h6v14c-14 2-25-2-27-13l-2-13v-14c-1-12-3-17-15-17v-16h3c6-1 9-3 11-9l1-11l1-22c2-10 8-15 19-15h9v14h-4c-8 0-9 3-9 10m16 32a9 9 0 0 0-1 18c5 0 10-3 10-8v-1c0-5-4-9-9-9m31 0a9 9 0 0 0-9 9c0 6 4 9 9 9c6 0 9-4 9-9s-4-9-9-9m31 0a9 9 0 0 0 0 18c5 1 9-4 10-9c0-5-5-9-10-9m44 1c-6-1-9-2-10-8l-2-10l-1-20c-1-16-12-21-28-19v14h6c4 0 6 1 7 5v11l3 21c1 6 5 11 10 14c-9 6-11 14-12 24l-1 19c0 6-2 8-8 8h-5v14h10q15 0 18-15l1-16l1-15c1-7 4-10 12-11h2v-16z"/></svg>
كيفية استخدام أيقونة Swagger
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:swagger" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:swagger" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:swagger" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--swagger]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:swagger"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:swagger"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/swagger.svg" alt="أيقونة Swagger" width="24" height="24">
أيقونة Swagger في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Swagger
هل أيقونة Swagger مجانية للاستخدام التجاري؟
نعم. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Swagger في React؟
ثبّت @iconify/react واعرض <Icon icon="thesvg-color:swagger" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Swagger إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/thesvg-color/swagger.svg" alt="أيقونة Swagger">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات theSVG Color →
ICONYZ
