أيقونة Microsoft Onenote

thesvg-color:microsoft-onenote

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

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

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="35" height="36" viewBox="0 0 35 36"><g fill="none"><path fill="url(#SVGL2OgebKF)" d="M9 33.545A6.545 6.545 0 0 1 15.546 27H39v11.727a3.273 3.273 0 0 1-3.273 3.272l-20.592-.005A6.136 6.136 0 0 1 9 35.858z"/><path fill="url(#SVGgoe32ofQ)" d="m25 14.5l14-.5v12.727A3.273 3.273 0 0 1 35.727 30H25z"/><path fill="url(#SVGQNUw7o3M)" d="M9.005 11.999a6 6 0 0 1 6-5.999H35.5A3.5 3.5 0 0 1 39 9.5v5a3.5 3.5 0 0 1-3.5 3.5h-3a3.5 3.5 0 0 0-3.5 3.5v5a3.5 3.5 0 0 1-3.5 3.5H15a6 6 0 0 0-6 6z"/><path fill="url(#SVGeCNaousO)" d="M9.005 11.999a6 6 0 0 1 6-5.999H35.5A3.5 3.5 0 0 1 39 9.5v5a3.5 3.5 0 0 1-3.5 3.5h-3a3.5 3.5 0 0 0-3.5 3.5v5a3.5 3.5 0 0 1-3.5 3.5H15a6 6 0 0 0-6 6z"/><rect width="16" height="16" x="4" y="23" fill="url(#SVGvAXmlbqR)" rx="3.25"/><rect width="16" height="16" x="4" y="23" fill="url(#SVGlMJ4oeqM)" fill-opacity=".8" rx="3.25"/><path fill="#fff" d="M16.11 35.571h-2.077l-3.766-5.642a16 16 0 0 1-.268-.44a4 4 0 0 1-.166-.319h-.025q.012.243.019.612q.006.37.006.867v4.922H7.89V26.43h2.217l3.626 5.464a9 9 0 0 1 .223.376q.115.184.21.37h.026a9 9 0 0 1-.019-.472a40 40 0 0 1-.006-.784V26.43h1.943z"/><defs><radialGradient id="SVGL2OgebKF" cx="0" cy="0" r="1" gradientTransform="matrix(47.5733 0 0 20.0481 38.125 42)" gradientUnits="userSpaceOnUse"><stop offset=".159" stop-color="#a931d8"/><stop offset=".566" stop-color="#6e1996"/></radialGradient><radialGradient id="SVGeCNaousO" cx="0" cy="0" r="1" gradientTransform="rotate(121.483 19.403 13.628)scale(28.8769 50.7758)" gradientUnits="userSpaceOnUse"><stop stop-color="#ffc7a3"/><stop offset=".831" stop-color="#de67fd" stop-opacity="0"/></radialGradient><radialGradient id="SVGvAXmlbqR" cx="0" cy="0" r="1" gradientTransform="rotate(45 -25.763 16.328)scale(22.6274)" gradientUnits="userSpaceOnUse"><stop offset=".072" stop-color="#ac13eb"/><stop offset=".879" stop-color="#580087"/></radialGradient><radialGradient id="SVGlMJ4oeqM" cx="0" cy="0" r="1" gradientTransform="matrix(0 11.2 -12.9 0 12 32.6)" gradientUnits="userSpaceOnUse"><stop offset=".585" stop-color="#841fb0" stop-opacity="0"/><stop offset=".969" stop-color="#d373fc"/></radialGradient><linearGradient id="SVGgoe32ofQ" x1="45.284" x2="28.013" y1="22.752" y2="14.022" gradientUnits="userSpaceOnUse"><stop offset=".217" stop-color="#ca59f7"/><stop offset=".888" stop-color="#691a90"/></linearGradient><linearGradient id="SVGQNUw7o3M" x1="40.327" x2="9.007" y1="13.764" y2="13.764" gradientUnits="userSpaceOnUse"><stop offset=".807" stop-color="#de66ff"/><stop offset="1" stop-color="#fcb1ff"/></linearGradient></defs></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

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

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

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

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

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

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

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

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

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