أيقونة Microsoft Viva Glint

thesvg-color:microsoft-viva-glint

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

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

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1216" height="200" viewBox="0 0 1216 200"><g mask="url(#SVGEVjz3boG)"><mask id="SVGEVjz3boG"><path fill="#fff" d="M32 32h200v200H32z"/></mask><g fill="none" class="svg-content" clip-path="url(&quot;#b&quot;)" color="#000" transform="translate(32 32)"><path fill="url(&quot;#c&quot;)" d="M190.458 88.39v17.536L73.575 158.904l-33.972-34.798c17.905-19.465 56.67-55.145 72.168-67.852c20.292-16.637 40.124-14.14 45.266-6.06z"/><path fill="url(&quot;#d&quot;)" d="m69.067 185.398l-18.17-17.863L4.713 104.09c11.324 5.907 40.595 17.089 60.415 28.371c8.54 4.861 23.503 5.696 33.456 4.96c5.885-.436 11.107-3.399 15.596-7.229c5.14-4.386 12.685-11.087 21.831-20.41c19.006-19.373 43.324-32.332 54.906-20.75c14.323 14.323-5.876 36.91-8.723 39.757l-61.729 57.338c-14.573 13.536-37.215 13.215-51.398-.729"/><path fill="url(&quot;#e&quot;)" d="m12.767 129.523l50.958 50.867c-13.81-13.81-10.1-37.186 2.57-49.857c32.504-30.483 1.213.808 32.504-30.483c31.666-31.666 15.019-69.303-.507-90.06c-2.973-3.975-8.678-4.22-12.299-.827c-19.894 18.65-55.26 52.08-70.105 66.923C2.574 89.399.464 117.22 12.767 129.523"/></g></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

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

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

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

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

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

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

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

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