Icône Microsoft Onenote
thesvg-color:microsoft-onenote
L'icône Microsoft Onenote (thesvg-color:microsoft-onenote) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 35 × 36. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- theSVG Color
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 35 × 36
- Mots-clés
- microsoftonenote
Code 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>
Comment utiliser l'icône 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>
Web component
<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>
Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-onenote.svg" alt="Icône Microsoft Onenote" width="24" height="24">
Icônes similaires dans theSVG Color
L'icône Microsoft Onenote dans d'autres collections
FAQ : Icône Microsoft Onenote
L'icône Microsoft Onenote est-elle gratuite pour un usage commercial ?
Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Microsoft Onenote dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:microsoft-onenote" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Microsoft Onenote à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-onenote.svg" alt="Icône Microsoft Onenote">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes theSVG Color →
