Иконка Microsoft Word
thesvg-color:microsoft-word
Иконка Microsoft Word (thesvg-color:microsoft-word) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 486 × 500. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 486 × 500
- Теги
- microsoftword
Код 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>
Как использовать иконку 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>
Веб-компонент
<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>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-word.svg" alt="Иконка Microsoft Word" width="24" height="24">
Похожие иконки в наборе theSVG Color
Иконка Microsoft Word в других наборах
Вопросы и ответы: Иконка Microsoft Word
Можно ли бесплатно использовать иконку Microsoft Word в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Microsoft Word в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:microsoft-word" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Microsoft Word на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-word.svg" alt="Иконка Microsoft Word">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки theSVG Color →
