Icône Microsoft Word

thesvg-color:microsoft-word

L'icône Microsoft Word (thesvg-color:microsoft-word) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 486 × 500. 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: 486 × 500
Mots-clés: microsoftword

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="486" height="500" viewBox="0 0 486 500"><defs><radialGradient id="SVGFoCn2kuX" cx="-689.34" cy="753.93" r="13.89" fx="-689.34" fy="753.93" gradientTransform="matrix(47.56 0 0 -20.15 33260.63 15691.18)" gradientUnits="userSpaceOnUse"><stop offset=".18" stop-color="#1657f4"/><stop offset=".57" stop-color="#0036c4"/></radialGradient><radialGradient id="SVGRQhcvdCB" cx="-730.97" cy="806.4" r="13.89" fx="-730.97" fy="806.4" gradientTransform="rotate(133.54 -23021.96 -24387.349)scale(29.36 -72.31)skewX(.03)" gradientUnits="userSpaceOnUse"><stop offset=".14" stop-color="#d471ff"/><stop offset=".83" stop-color="#509df5" stop-opacity="0"/></radialGradient><radialGradient id="SVGwb3NpbBE" cx="-682.21" cy="801.86" r="13.89" fx="-682.21" fy="801.86" gradientTransform="matrix(0 18.62 101.62 0 -81063.08 13022.32)" gradientUnits="userSpaceOnUse"><stop offset=".28" stop-color="#4f006f" stop-opacity="0"/><stop offset="1" stop-color="#4f006f"/></radialGradient><radialGradient id="SVGYatJibcz" cx="-749.58" cy="798.74" r="13.89" fx="-749.58" fy="798.74" gradientTransform="matrix(-28.7167 6.70901 16.06567 68.78884 -33867.69 -49911.37)" gradientUnits="userSpaceOnUse"><stop offset=".06" stop-color="#e4a7fe"/><stop offset=".54" stop-color="#e4a7fe" stop-opacity="0"/></radialGradient><radialGradient id="SVG69wywdPO" cx="-675.64" cy="797.48" r="13.89" fx="-675.64" fy="797.48" gradientTransform="rotate(225 3955.88 12306.641)scale(-22.62 22.62)skewY(-.01)" gradientUnits="userSpaceOnUse"><stop offset=".08" stop-color="#367af2"/><stop offset=".87" stop-color="#001a8f"/></radialGradient><radialGradient id="SVGl2nTflwp" cx="-657.62" cy="854.65" r="13.89" fx="-657.62" fy="854.65" gradientTransform="matrix(0 11.2 12.76 0 -10796.09 7734.8)" gradientUnits="userSpaceOnUse"><stop offset=".59" stop-color="#2763e5" stop-opacity="0"/><stop offset=".97" stop-color="#58aafe"/></radialGradient><linearGradient id="SVGlYvTzb8n" x1="69.43" x2="388.45" y1="238.11" y2="238.11" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#66c0ff"/><stop offset=".26" stop-color="#0094f0"/></linearGradient><linearGradient id="SVGty6mmbHz" x1="69.48" x2="485.94" y1="380.04" y2="373.16" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9deaff"/><stop offset=".2" stop-color="#3bd5ff"/></linearGradient></defs><path fill="url(#SVGFoCn2kuX)" d="m69.43 376.25l194.4-237.36L486 293.13v158.26c0 26.85-21.76 48.61-48.6 48.61H152.74c-46.01 0-83.31-37.31-83.31-83.33z"/><path fill="url(#SVGlYvTzb8n)" d="M69.43 208.87c0-34.52 27.98-62.5 62.49-62.5h283.11L486 111.11v173.61c0 26.85-21.76 48.61-48.6 48.61H152.74c-46.01 0-83.31 37.31-83.31 83.33v-207.8Z"/><path fill="url(#SVGRQhcvdCB)" fill-opacity=".6" d="M69.43 208.87c0-34.52 27.98-62.5 62.49-62.5h283.11L486 111.11v173.61c0 26.85-21.76 48.61-48.6 48.61H152.74c-46.01 0-83.31 37.31-83.31 83.33v-207.8Z"/><path fill="url(#SVGwb3NpbBE)" fill-opacity=".1" d="M69.43 208.87c0-34.52 27.98-62.5 62.49-62.5h283.11L486 111.11v173.61c0 26.85-21.76 48.61-48.6 48.61H152.74c-46.01 0-83.31 37.31-83.31 83.33v-207.8Z"/><path fill="url(#SVGty6mmbHz)" d="M69.43 83.33C69.43 37.31 106.73 0 152.74 0H437.4C464.24 0 486 21.76 486 48.61v69.44c0 26.85-21.76 48.61-48.6 48.61H152.74c-46.01 0-83.31 37.31-83.31 83.33z"/><path fill="url(#SVGYatJibcz)" fill-opacity=".8" d="M69.43 83.33C69.43 37.31 106.73 0 152.74 0H437.4C464.24 0 486 21.76 486 48.61v69.44c0 26.85-21.76 48.61-48.6 48.61H152.74c-46.01 0-83.31 37.31-83.31 83.33z"/><rect width="222.17" height="222.22" y="236.11" fill="url(#SVG69wywdPO)" rx="45.13" ry="45.13"/><rect width="222.17" height="222.22" y="236.11" fill="url(#SVGl2nTflwp)" fill-opacity=".65" rx="45.13" ry="45.13"/><path fill="#fff" d="M187.26 283.73L159.92 410.7l-32.69.02l-16.14-76.19l-16.9 76.19h-33L34.91 283.75h26.95l16.21 83.79l16.11-83.79h33.04l16.87 83.79l15.82-83.79l27.34-.02Z"/></svg>

Comment utiliser l'icône Microsoft Word

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:microsoft-word"></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-word"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-word.svg" alt="Icône Microsoft Word" width="24" height="24">

Icônes similaires dans theSVG Color

L'icône Microsoft Word dans d'autres collections

FAQ : Icône Microsoft Word

L'icône Microsoft Word 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 Word dans React ?

Installez @iconify/react et affichez <Icon icon="thesvg-color:microsoft-word" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Microsoft Word à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-word.svg" alt="Icône Microsoft Word">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes theSVG Color →