أيقونة Compute Engine
gcp:compute-engine
أيقونة Compute Engine (gcp:compute-engine) أيقونة SVG مجانية من مجموعة Google Cloud Icons من تصميم Google Cloud. مرسومة على شبكة 24 × 24. تُنشر Google Cloud Icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Google Cloud Icons
- المؤلف
- Google Cloud
- الترخيص
- Apache-2.0
- الحجم
- 24 × 24
- الوسوم
- computeengine
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#aecbfa" d="M9 9h6v6H9z"/><path fill="#669df6" d="M11 2h2v4h-2zM7 2h2v4H7zm8 0h2v4h-2z"/><path fill="#4285f4" d="M11 18h2v4h-2zm-4 0h2v4H7zm8 0h2v4h-2zm3-5v-2h4v2zm0 4v-2h4v2zm0-8V7h4v2z"/><path fill="#669df6" d="M2 13v-2h4v2zm0 4v-2h4v2zm0-8V7h4v2z"/><path fill="#aecbfa" d="M5 5v14h14V5Zm12 12H7V7h10Z"/><path fill="#669df6" d="M9 15h6l-3-3z"/><path fill="#4285f4" d="m12 12l3 3V9z"/></svg>كيفية استخدام أيقونة Compute Engine
React
import { Icon } from "@iconify/react";
<Icon icon="gcp:compute-engine" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gcp:compute-engine" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gcp:compute-engine" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gcp--compute-engine]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gcp -->
<div class="i-gcp:compute-engine"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gcp:compute-engine"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/gcp/compute-engine.svg" alt="أيقونة Compute Engine" width="24" height="24">الأسئلة الشائعة حول أيقونة Compute Engine
هل أيقونة Compute Engine مجانية للاستخدام التجاري؟
نعم. تُنشر Google Cloud Icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Compute Engine في React؟
ثبّت @iconify/react واعرض <Icon icon="gcp:compute-engine" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Compute Engine إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/gcp/compute-engine.svg" alt="أيقونة Compute Engine">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.