أيقونة Microsoft Onelake

thesvg-color:microsoft-onelake

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

المجموعة: theSVG Color
المؤلف: thesvg.org
الترخيص: MIT
الحجم: 48 × 48
الوسوم: microsoftonelake

تنزيل SVG

شيفرة SVG

<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

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>

مكوّن ويب

<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

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

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

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

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

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

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

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

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

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

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