أيقونة Gmail Light
skill-icons:gmail-light
أيقونة Gmail Light (skill-icons:gmail-light) أيقونة SVG مجانية من مجموعة Skill Icons من تصميم tandpfun. مرسومة على شبكة 256 × 256. تُنشر Skill Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Skill Icons
- المؤلف
- tandpfun
- الترخيص
- MIT
- الحجم
- 256 × 256
- الوسوم
- gmaillight
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#4285f4" d="M41.636 203.039h31.818v-77.273L28 91.676v97.727c0 7.545 6.114 13.636 13.636 13.636"/><path fill="#34a853" d="M182.545 203.039h31.819c7.545 0 13.636-6.114 13.636-13.636V91.675l-45.455 34.091"/><path fill="#fbbc04" d="M182.545 66.675v59.091L228 91.676V73.492c0-16.863-19.25-26.477-32.727-16.363"/><path fill="#ea4335" d="M73.455 125.766v-59.09L128 107.583l54.545-40.909v59.091L128 166.675"/><path fill="#c5221f" d="M28 73.493v18.182l45.454 34.091v-59.09L60.727 57.13C47.227 47.016 28 56.63 28 73.493"/></g></svg>كيفية استخدام أيقونة Gmail Light
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:gmail-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:gmail-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:gmail-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--gmail-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:gmail-light"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:gmail-light"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/skill-icons/gmail-light.svg" alt="أيقونة Gmail Light" width="24" height="24">أيقونات ذات صلة في Skill Icons
أيقونة Gmail Light في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Gmail Light
هل أيقونة Gmail Light مجانية للاستخدام التجاري؟
نعم. تُنشر Skill Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Gmail Light في React؟
ثبّت @iconify/react واعرض <Icon icon="skill-icons:gmail-light" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Gmail Light إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/skill-icons/gmail-light.svg" alt="أيقونة Gmail Light">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.