أيقونة Gmail Dark

skill-icons:gmail-dark

أيقونة Gmail Dark (skill-icons:gmail-dark) أيقونة SVG مجانية من مجموعة Skill Icons من تصميم tandpfun. مرسومة على شبكة 256 × 256. تُنشر Skill Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Skill Icons
المؤلف: tandpfun
الترخيص: MIT
الحجم: 256 × 256
الوسوم: gmaildark

تنزيل SVG

شيفرة 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="#242938" rx="60"/><path fill="#4285f4" d="M41.636 203.028h31.818v-77.273L28 91.665v97.727c0 7.545 6.114 13.636 13.636 13.636"/><path fill="#34a853" d="M182.545 203.028h31.819c7.545 0 13.636-6.113 13.636-13.636V91.665l-45.455 34.09"/><path fill="#fbbc04" d="M182.545 66.664v59.091L228 91.665V73.481c0-16.863-19.25-26.477-32.727-16.363"/><path fill="#ea4335" d="M73.455 125.755v-59.09L128 107.574l54.545-40.91v59.091L128 166.665"/><path fill="#c5221f" d="M28 73.483v18.181l45.454 34.091v-59.09l-12.727-9.546C47.227 47.005 28 56.619 28 73.483"/></g></svg>

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

React

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

<Icon icon="skill-icons:gmail-dark" width="24" />

Vue

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

<template>
  <Icon icon="skill-icons:gmail-dark" width="24" />
</template>

Svelte

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

<Icon icon="skill-icons:gmail-dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--gmail-dark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:gmail-dark"></div>

مكوّن ويب

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

<iconify-icon icon="skill-icons:gmail-dark"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/skill-icons/gmail-dark.svg" alt="أيقونة Gmail Dark" width="24" height="24">

أيقونات ذات صلة في Skill Icons

أيقونة Gmail Dark في مجموعات أخرى

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

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

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

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

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

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

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

تصفح كل Skill Icons →