Microsoft Onelake ikonu
thesvg-color:microsoft-onelake
Microsoft Onelake ikonu (thesvg-color:microsoft-onelake), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 48 × 48 ı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
- 48 × 48
- Etiketler
- microsoftonelake
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="#0078d4"><path fill="url(#SVG2MDaXdqR)" d="M22.21 32.541c5.486-3.167 7.292-10.312 4.033-15.957c-3.26-5.645-10.35-7.654-15.837-4.486S3.113 22.411 6.373 28.056s10.35 7.653 15.836 4.485Z"/><path fill="url(#SVGVniBsbqg)" d="M29.371 16.715c2.849-2.85 2.781-7.537-.152-10.468c-2.932-2.932-7.62-2.998-10.468-.148c-2.849 2.85-2.78 7.536.152 10.468c2.933 2.931 7.62 2.998 10.468.148"/><path fill="url(#SVGFU1VqcoT)" d="M26.299 43.22c9.487 0 17.178-7.692 17.178-17.18S35.787 8.862 26.299 8.862S9.12 16.553 9.12 26.041s7.691 17.178 17.179 17.178Z"/><path fill="url(#SVGr1l8wcGt)" fill-rule="evenodd" d="M19.569 5.387c-10.085 6.23-13.61 19.35-7.815 29.845q.585 1.067 1.274 2.039l.45.069l9.966 3.327l9.468-6.343c-1.585.05-8.18-3.693-12.49-11.872c-5.4-10.248-3.173-14.982-.843-17.065z" clip-rule="evenodd"/><path fill="url(#SVG8eDLNbPt)" fill-opacity=".2" fill-rule="evenodd" d="M19.569 5.387c-10.085 6.23-13.61 19.35-7.815 29.845q.585 1.067 1.274 2.039l.45.069l9.966 3.327l9.468-6.343c-1.585.05-8.18-3.693-12.49-11.872c-5.4-10.248-3.173-14.982-.843-17.065z" clip-rule="evenodd"/><path fill="url(#SVGbrSx3qbM)" fill-rule="evenodd" d="M39.364 37.197a17.24 17.24 0 0 0 3.638-7.109c-1.708-4.877-8.58-6.25-12.34-2.433c-2.889 2.927-5.89 5.385-8.146 5.825C9.469 36.041 3.919 25.287 4.873 20.339a19.8 19.8 0 0 0 .05 7.73C7.119 38.831 17.619 45.771 28.38 43.574a19.8 19.8 0 0 0 8.727-4.18s.04-.03.054-.045a20 20 0 0 0 2.202-2.157z" clip-rule="evenodd"/><defs><radialGradient id="SVGFU1VqcoT" cx="0" cy="0" r="1" gradientTransform="rotate(134.83 18.217 8.044)scale(25.8925 33.4033)" gradientUnits="userSpaceOnUse"><stop offset=".39" stop-color="#028fdc"/><stop offset=".59" stop-color="#0078d4"/><stop offset="1" stop-color="#1a508b"/></radialGradient><radialGradient id="SVGr1l8wcGt" cx="0" cy="0" r="1" gradientTransform="rotate(139.44 12.632 13.895)scale(23.3006 28.7495)" gradientUnits="userSpaceOnUse"><stop offset=".46" stop-color="#40d9fa"/><stop offset=".9" stop-color="#0095e6"/></radialGradient><radialGradient id="SVG8eDLNbPt" cx="0" cy="0" r="1" gradientTransform="rotate(96.16 4.147 13.896)scale(24.7246 17.5597)" gradientUnits="userSpaceOnUse"><stop offset=".77" stop-opacity="0"/><stop offset="1"/></radialGradient><radialGradient id="SVGbrSx3qbM" cx="0" cy="0" r="1" gradientTransform="rotate(85.97 -.743 30.959)scale(38.4749 70.1578)" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#bdf5ff"/><stop offset=".47" stop-color="#40d9fa"/></radialGradient><linearGradient id="SVG2MDaXdqR" x1="39.509" x2="4.448" y1="16.973" y2="25.058" gradientUnits="userSpaceOnUse"><stop offset=".2" stop-color="#028fdc"/><stop offset=".51" stop-color="#0078d4"/><stop offset="1" stop-color="#0b315b"/></linearGradient><linearGradient id="SVGVniBsbqg" x1="41.995" x2="18.831" y1="27.841" y2="6.612" gradientUnits="userSpaceOnUse"><stop offset=".04" stop-color="#028fdc"/><stop offset=".46" stop-color="#0078d4"/><stop offset="1" stop-color="#0b315b"/></linearGradient></defs></g></svg>
Microsoft Onelake ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:microsoft-onelake" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:microsoft-onelake" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:microsoft-onelake" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--microsoft-onelake]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:microsoft-onelake"></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-onelake"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-onelake.svg" alt="Microsoft Onelake ikonu" width="24" height="24">
theSVG Color setindeki benzer ikonlar
Microsoft Onelake ikonu: sık sorulan sorular
Microsoft Onelake 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 Onelake ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="thesvg-color:microsoft-onelake" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Microsoft Onelake 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-onelake.svg" alt="Microsoft Onelake 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ı →
