أيقونة Cloudflare Workers
thesvg-color:cloudflare-workers
أيقونة Cloudflare Workers (thesvg-color:cloudflare-workers) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 256 × 231. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- theSVG Color
- المؤلف
- thesvg.org
- الترخيص
- MIT
- الحجم
- 256 × 231
- الوسوم
- cloudflareworkers، worker
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="231" viewBox="0 0 256 231"><defs><linearGradient id="SVGFf3V3cET" x1="50%" x2="25.7%" y1="100%" y2="8.7%"><stop offset="0%" stop-color="#eb6f07"/><stop offset="100%" stop-color="#fab743"/></linearGradient><linearGradient id="SVGbKEPJeoz" x1="81%" x2="40.5%" y1="83.7%" y2="29.5%"><stop offset="0%" stop-color="#d96504"/><stop offset="100%" stop-color="#d96504" stop-opacity="0"/></linearGradient><linearGradient id="SVGoxNMdrTH" x1="42%" x2="84%" y1="8.7%" y2="79.9%"><stop offset="0%" stop-color="#eb6f07"/><stop offset="100%" stop-color="#eb720a" stop-opacity="0"/></linearGradient><linearGradient id="SVGKDBwhReo" x1="50%" x2="25.7%" y1="100%" y2="8.7%"><stop offset="0%" stop-color="#ee6f05"/><stop offset="100%" stop-color="#fab743"/></linearGradient><linearGradient id="SVGH18gbeNl" x1="-33.2%" x2="91.7%" y1="100%" y2="0%"><stop offset="0%" stop-color="#d96504" stop-opacity=".8"/><stop offset="49.8%" stop-color="#d96504" stop-opacity=".2"/><stop offset="100%" stop-color="#d96504" stop-opacity="0"/></linearGradient><linearGradient id="SVGtDkHzcAs" x1="50%" x2="25.7%" y1="100%" y2="8.7%"><stop offset="0%" stop-color="#ffa95f"/><stop offset="100%" stop-color="#ffebc8"/></linearGradient><linearGradient id="SVGrnAeodVJ" x1="8.1%" x2="96.5%" y1="1.1%" y2="48.8%"><stop offset="0%" stop-color="#fff" stop-opacity=".5"/><stop offset="100%" stop-color="#fff" stop-opacity=".1"/></linearGradient><linearGradient id="SVGej85tTiQ" x1="-13.7%" x2="100%" y1="104.2%" y2="46.2%"><stop offset="0%" stop-color="#fff" stop-opacity=".5"/><stop offset="100%" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs><path fill="url(#SVGFf3V3cET)" d="m65.82 3.324l30.161 54.411l-27.698 49.857a16 16 0 0 0 0 15.573l27.698 49.98l-30.16 54.411a32 32 0 0 1-13.542-12.74L4.27 131.412a32.13 32.13 0 0 1 0-32.007l48.01-83.403a32 32 0 0 1 13.542-12.68Z"/><path fill="url(#SVGbKEPJeoz)" d="M68.283 107.654a16 16 0 0 0 0 15.51l27.698 49.98l-30.16 54.412a32 32 0 0 1-13.542-12.74L4.27 131.412c-3.816-6.586 17.542-14.465 64.014-23.698v-.061Z" opacity=".7"/><path fill="url(#SVGoxNMdrTH)" d="m68.898 8.802l27.083 48.933l-4.493 7.818l-23.882-40.44c-6.894-11.264-17.42-5.416-30.591 17.358l1.97-3.386l13.294-23.082a32 32 0 0 1 13.419-12.68l3.139 5.479z" opacity=".5"/><path fill="url(#SVGKDBwhReo)" d="m203.696 16.003l48.01 83.403c5.725 9.848 5.725 22.159 0 32.007l-48.01 83.402a32.01 32.01 0 0 1-27.698 16.004h-48.01l59.705-107.654a16 16 0 0 0 0-15.511L127.988 0h48.01a32.01 32.01 0 0 1 27.698 16.003"/><path fill="url(#SVGH18gbeNl)" d="m173.536 230.45l-47.395.43l57.367-108.208a16.62 16.62 0 0 0 0-15.634L126.14 0h10.834l60.197 106.546a16.62 16.62 0 0 1-.062 16.496a9617 9617 0 0 0-38.592 67.707c-11.695 20.558-6.648 33.791 15.018 39.7Z"/><path fill="url(#SVGtDkHzcAs)" d="M79.978 230.819c-4.924 0-9.849-1.17-14.157-3.263l59.212-106.792a11.05 11.05 0 0 0 0-10.71L65.821 3.324A32 32 0 0 1 79.978 0h48.01l59.705 107.654a16 16 0 0 1 0 15.51L127.988 230.82h-48.01Z"/><path fill="url(#SVGrnAeodVJ)" d="M183.508 110.054L122.448 0h5.54l59.705 107.654a16 16 0 0 1 0 15.51L127.988 230.82h-5.54l61.06-110.055a11.05 11.05 0 0 0 0-10.71Z" opacity=".6"/><path fill="url(#SVGej85tTiQ)" d="M125.033 110.054L65.821 3.324c1.846-.985 4.062-1.724 6.155-2.34c13.049 23.452 32.315 59.029 57.859 106.67a16 16 0 0 1 0 15.51L71.053 229.589c-2.093-.616-3.201-1.047-5.17-1.97l59.089-106.792a11.05 11.05 0 0 0 0-10.71z" opacity=".6"/></svg>كيفية استخدام أيقونة Cloudflare Workers
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:cloudflare-workers" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:cloudflare-workers" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:cloudflare-workers" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--cloudflare-workers]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:cloudflare-workers"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:cloudflare-workers"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/cloudflare-workers.svg" alt="أيقونة Cloudflare Workers" width="24" height="24">أيقونات ذات صلة في theSVG Color
أيقونة Cloudflare Workers في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Cloudflare Workers
هل أيقونة Cloudflare Workers مجانية للاستخدام التجاري؟
نعم. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Cloudflare Workers في React؟
ثبّت @iconify/react واعرض <Icon icon="thesvg-color:cloudflare-workers" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Cloudflare Workers إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/thesvg-color/cloudflare-workers.svg" alt="أيقونة Cloudflare Workers">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.