ICONYZ
Türkçe
theSVG Color setinden Microsoft Viva Glint ikonu

Microsoft Viva Glint ikonu

thesvg-color:microsoft-viva-glint

Microsoft Viva Glint ikonu (thesvg-color:microsoft-viva-glint), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 1216 × 200 ızgara üzerinde çizilmiştir. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti
theSVG Color
Yazar
thesvg.org
Lisans
MIT
Boyut
1216 × 200
Etiketler
microsoftviva, vivaglint, microsoftvivaglint
SVG indir

SVG kodu

<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 ikonu nasıl kullanılır

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>

Web bileşeni

<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 görseli

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

theSVG Color setindeki benzer ikonlar

Microsoft Viva Glint ikonu: sık sorulan sorular

Microsoft Viva Glint ikonu ticari kullanım için ücretsiz mi?

Evet. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Microsoft Viva Glint ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="thesvg-color:microsoft-viva-glint" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Microsoft Viva Glint ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-viva-glint.svg" alt="Microsoft Viva Glint ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: theSVG Color ikonları →