أيقونة Microsoft Viva Engage

thesvg-color:microsoft-viva-engage

أيقونة Microsoft Viva Engage (thesvg-color:microsoft-viva-engage) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 1216 × 512. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: theSVG Color
المؤلف: thesvg.org
الترخيص: MIT
الحجم: 1216 × 512
الوسوم: microsoftviva، vivaengage، microsoftvivaengage

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1216" height="512" viewBox="0 0 1216 512"><g mask="url(#SVGn2hjWcYO)"><mask id="SVGn2hjWcYO"><path fill="#fff" d="M32 32h512v512H32z"/></mask><g class="svg-content" color="#000"><path fill="url(&quot;#b&quot;)" d="M16 0c8.837 0 16 7.163 16 16v20H0V16C0 7.163 7.163 0 16 0" transform="matrix(8 0 0 8 32 32)"/><path fill="url(&quot;#c&quot;)" d="M48 0c-8.836 0-16 7.163-16 16v20h32V16c0-8.837-7.163-16-16-16" transform="matrix(8 0 0 8 32 32)"/><path fill="url(&quot;#d&quot;)" d="M48 26c0-8.837-7.163-16-16-16s-16 7.163-16 16s7.163 16 16 16s16-7.163 16-16" transform="matrix(8 0 0 8 32 32)"/><path fill="url(&quot;#e&quot;)" d="M64 16q0-.158-.003-.313h-.011C63.597 25.01 55.329 32.52 45 32.977V33c-8.837 0-16 6.94-16 15.5S36.163 64 45 64h.096C61.012 63.936 64 48.277 64 41z" transform="matrix(8 0 0 8 32 32)"/><path fill="url(&quot;#f&quot;)" d="M0 41c0 7.277 2.988 22.937 18.904 23H19c8.837 0 16-6.94 16-15.5S27.837 33 19 33v-.022C8.671 32.52.403 25.01.014 15.687H.003Q0 15.843 0 16z" transform="matrix(8 0 0 8 32 32)"/></g></g></svg>

كيفية استخدام أيقونة Microsoft Viva Engage

React

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

<Icon icon="thesvg-color:microsoft-viva-engage" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:microsoft-viva-engage" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:microsoft-viva-engage" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--microsoft-viva-engage]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:microsoft-viva-engage"></div>

مكوّن ويب

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

<iconify-icon icon="thesvg-color:microsoft-viva-engage"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-viva-engage.svg" alt="أيقونة Microsoft Viva Engage" width="24" height="24">

أيقونات ذات صلة في theSVG Color

أيقونة Microsoft Viva Engage في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Microsoft Viva Engage

هل أيقونة Microsoft Viva Engage مجانية للاستخدام التجاري؟

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

كيف أستخدم أيقونة Microsoft Viva Engage في React؟

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

كيف أضيف أيقونة Microsoft Viva Engage إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-viva-engage.svg" alt="أيقونة Microsoft Viva Engage">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات theSVG Color →