file type word logo
file-type-word from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-word
- Set
- VSCode Icons
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
Related icons in VSCode Icons
file-type-accessfile-type-access2file-type-actionscriptfile-type-actionscript2file-type-adafile-type-advplfile-type-affinityfile-type-affinitydesignerfile-type-affinityphotofile-type-affinitypublisherfile-type-agdafile-type-agentsfile-type-aifile-type-ai2file-type-aikidofile-type-alfile-type-al-dalfile-type-alchemyfile-type-allcontributorsfile-type-alloyfile-type-allurefile-type-angularfile-type-ansiblefile-type-antlers-html
Use the file type word logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><linearGradient id="SVG2m3AVb6p" x1="4.494" x2="13.832" y1="-1712.086" y2="-1695.914" gradientTransform="translate(0 1720)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2368c4"/><stop offset=".5" stop-color="#1a5dbe"/><stop offset="1" stop-color="#1146ac"/></linearGradient></defs><path fill="#41a5ee" d="M28.806 3H9.705a1.19 1.19 0 0 0-1.193 1.191V9.5l11.069 3.25L30 9.5V4.191A1.19 1.19 0 0 0 28.806 3"/><path fill="#2b7cd3" d="M30 9.5H8.512V16l11.069 1.95L30 16Z"/><path fill="#185abd" d="M8.512 16v6.5l10.418 1.3L30 22.5V16Z"/><path fill="#103f91" d="M9.705 29h19.1A1.19 1.19 0 0 0 30 27.809V22.5H8.512v5.309A1.19 1.19 0 0 0 9.705 29"/><path d="M16.434 8.2H8.512v16.25h7.922a1.2 1.2 0 0 0 1.194-1.191V9.391A1.2 1.2 0 0 0 16.434 8.2" opacity=".1"/><path d="M15.783 8.85H8.512V25.1h7.271a1.2 1.2 0 0 0 1.194-1.191V10.041a1.2 1.2 0 0 0-1.194-1.191" opacity=".2"/><path d="M15.783 8.85H8.512V23.8h7.271a1.2 1.2 0 0 0 1.194-1.191V10.041a1.2 1.2 0 0 0-1.194-1.191" opacity=".2"/><path d="M15.132 8.85h-6.62V23.8h6.62a1.2 1.2 0 0 0 1.194-1.191V10.041a1.2 1.2 0 0 0-1.194-1.191" opacity=".2"/><path fill="url(#SVG2m3AVb6p)" d="M3.194 8.85h11.938a1.193 1.193 0 0 1 1.194 1.191v11.918a1.193 1.193 0 0 1-1.194 1.191H3.194A1.19 1.19 0 0 1 2 21.959V10.041A1.19 1.19 0 0 1 3.194 8.85"/><path fill="#fff" d="M6.9 17.988q.035.276.046.481h.028q.015-.195.065-.47c.05-.275.062-.338.089-.465l1.255-5.407h1.624l1.3 5.326a8 8 0 0 1 .162 1h.022a8 8 0 0 1 .135-.975l1.039-5.358h1.477l-1.824 7.748h-1.727l-1.237-5.126q-.054-.222-.122-.578t-.084-.52h-.021q-.021.189-.084.561t-.1.552L7.78 19.871H6.024L4.19 12.127h1.5l1.131 5.418a5 5 0 0 1 .079.443"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeWord(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><linearGradient id="SVG2m3AVb6p" x1="4.494" x2="13.832" y1="-1712.086" y2="-1695.914" gradientTransform="translate(0 1720)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#2368c4"/><stop offset=".5" stopColor="#1a5dbe"/><stop offset="1" stopColor="#1146ac"/></linearGradient></defs><path fill="#41a5ee" d="M28.806 3H9.705a1.19 1.19 0 0 0-1.193 1.191V9.5l11.069 3.25L30 9.5V4.191A1.19 1.19 0 0 0 28.806 3"/><path fill="#2b7cd3" d="M30 9.5H8.512V16l11.069 1.95L30 16Z"/><path fill="#185abd" d="M8.512 16v6.5l10.418 1.3L30 22.5V16Z"/><path fill="#103f91" d="M9.705 29h19.1A1.19 1.19 0 0 0 30 27.809V22.5H8.512v5.309A1.19 1.19 0 0 0 9.705 29"/><path d="M16.434 8.2H8.512v16.25h7.922a1.2 1.2 0 0 0 1.194-1.191V9.391A1.2 1.2 0 0 0 16.434 8.2" opacity=".1"/><path d="M15.783 8.85H8.512V25.1h7.271a1.2 1.2 0 0 0 1.194-1.191V10.041a1.2 1.2 0 0 0-1.194-1.191" opacity=".2"/><path d="M15.783 8.85H8.512V23.8h7.271a1.2 1.2 0 0 0 1.194-1.191V10.041a1.2 1.2 0 0 0-1.194-1.191" opacity=".2"/><path d="M15.132 8.85h-6.62V23.8h6.62a1.2 1.2 0 0 0 1.194-1.191V10.041a1.2 1.2 0 0 0-1.194-1.191" opacity=".2"/><path fill="url(#SVG2m3AVb6p)" d="M3.194 8.85h11.938a1.193 1.193 0 0 1 1.194 1.191v11.918a1.193 1.193 0 0 1-1.194 1.191H3.194A1.19 1.19 0 0 1 2 21.959V10.041A1.19 1.19 0 0 1 3.194 8.85"/><path fill="#fff" d="M6.9 17.988q.035.276.046.481h.028q.015-.195.065-.47c.05-.275.062-.338.089-.465l1.255-5.407h1.624l1.3 5.326a8 8 0 0 1 .162 1h.022a8 8 0 0 1 .135-.975l1.039-5.358h1.477l-1.824 7.748h-1.727l-1.237-5.126q-.054-.222-.122-.578t-.084-.52h-.021q-.021.189-.084.561t-.1.552L7.78 19.871H6.024L4.19 12.127h1.5l1.131 5.418a5 5 0 0 1 .079.443"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><linearGradient id="SVG2m3AVb6p" x1="4.494" x2="13.832" y1="-1712.086" y2="-1695.914" gradientTransform="translate(0 1720)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2368c4"/><stop offset=".5" stop-color="#1a5dbe"/><stop offset="1" stop-color="#1146ac"/></linearGradient></defs><path fill="#41a5ee" d="M28.806 3H9.705a1.19 1.19 0 0 0-1.193 1.191V9.5l11.069 3.25L30 9.5V4.191A1.19 1.19 0 0 0 28.806 3"/><path fill="#2b7cd3" d="M30 9.5H8.512V16l11.069 1.95L30 16Z"/><path fill="#185abd" d="M8.512 16v6.5l10.418 1.3L30 22.5V16Z"/><path fill="#103f91" d="M9.705 29h19.1A1.19 1.19 0 0 0 30 27.809V22.5H8.512v5.309A1.19 1.19 0 0 0 9.705 29"/><path d="M16.434 8.2H8.512v16.25h7.922a1.2 1.2 0 0 0 1.194-1.191V9.391A1.2 1.2 0 0 0 16.434 8.2" opacity=".1"/><path d="M15.783 8.85H8.512V25.1h7.271a1.2 1.2 0 0 0 1.194-1.191V10.041a1.2 1.2 0 0 0-1.194-1.191" opacity=".2"/><path d="M15.783 8.85H8.512V23.8h7.271a1.2 1.2 0 0 0 1.194-1.191V10.041a1.2 1.2 0 0 0-1.194-1.191" opacity=".2"/><path d="M15.132 8.85h-6.62V23.8h6.62a1.2 1.2 0 0 0 1.194-1.191V10.041a1.2 1.2 0 0 0-1.194-1.191" opacity=".2"/><path fill="url(#SVG2m3AVb6p)" d="M3.194 8.85h11.938a1.193 1.193 0 0 1 1.194 1.191v11.918a1.193 1.193 0 0 1-1.194 1.191H3.194A1.19 1.19 0 0 1 2 21.959V10.041A1.19 1.19 0 0 1 3.194 8.85"/><path fill="#fff" d="M6.9 17.988q.035.276.046.481h.028q.015-.195.065-.47c.05-.275.062-.338.089-.465l1.255-5.407h1.624l1.3 5.326a8 8 0 0 1 .162 1h.022a8 8 0 0 1 .135-.975l1.039-5.358h1.477l-1.824 7.748h-1.727l-1.237-5.126q-.054-.222-.122-.578t-.084-.52h-.021q-.021.189-.084.561t-.1.552L7.78 19.871H6.024L4.19 12.127h1.5l1.131 5.418a5 5 0 0 1 .079.443"/></svg> </template>
CSS
.icon-file-type-word {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG2m3AVb6p%22%20x1%3D%224.494%22%20x2%3D%2213.832%22%20y1%3D%22-1712.086%22%20y2%3D%22-1695.914%22%20gradientTransform%3D%22translate(0%201720)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%232368c4%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%231a5dbe%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231146ac%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%2341a5ee%22%20d%3D%22M28.806%203H9.705a1.19%201.19%200%200%200-1.193%201.191V9.5l11.069%203.25L30%209.5V4.191A1.19%201.19%200%200%200%2028.806%203%22%2F%3E%3Cpath%20fill%3D%22%232b7cd3%22%20d%3D%22M30%209.5H8.512V16l11.069%201.95L30%2016Z%22%2F%3E%3Cpath%20fill%3D%22%23185abd%22%20d%3D%22M8.512%2016v6.5l10.418%201.3L30%2022.5V16Z%22%2F%3E%3Cpath%20fill%3D%22%23103f91%22%20d%3D%22M9.705%2029h19.1A1.19%201.19%200%200%200%2030%2027.809V22.5H8.512v5.309A1.19%201.19%200%200%200%209.705%2029%22%2F%3E%3Cpath%20d%3D%22M16.434%208.2H8.512v16.25h7.922a1.2%201.2%200%200%200%201.194-1.191V9.391A1.2%201.2%200%200%200%2016.434%208.2%22%20opacity%3D%22.1%22%2F%3E%3Cpath%20d%3D%22M15.783%208.85H8.512V25.1h7.271a1.2%201.2%200%200%200%201.194-1.191V10.041a1.2%201.2%200%200%200-1.194-1.191%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M15.783%208.85H8.512V23.8h7.271a1.2%201.2%200%200%200%201.194-1.191V10.041a1.2%201.2%200%200%200-1.194-1.191%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M15.132%208.85h-6.62V23.8h6.62a1.2%201.2%200%200%200%201.194-1.191V10.041a1.2%201.2%200%200%200-1.194-1.191%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG2m3AVb6p)%22%20d%3D%22M3.194%208.85h11.938a1.193%201.193%200%200%201%201.194%201.191v11.918a1.193%201.193%200%200%201-1.194%201.191H3.194A1.19%201.19%200%200%201%202%2021.959V10.041A1.19%201.19%200%200%201%203.194%208.85%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.9%2017.988q.035.276.046.481h.028q.015-.195.065-.47c.05-.275.062-.338.089-.465l1.255-5.407h1.624l1.3%205.326a8%208%200%200%201%20.162%201h.022a8%208%200%200%201%20.135-.975l1.039-5.358h1.477l-1.824%207.748h-1.727l-1.237-5.126q-.054-.222-.122-.578t-.084-.52h-.021q-.021.189-.084.561t-.1.552L7.78%2019.871H6.024L4.19%2012.127h1.5l1.131%205.418a5%205%200%200%201%20.079.443%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG2m3AVb6p%22%20x1%3D%224.494%22%20x2%3D%2213.832%22%20y1%3D%22-1712.086%22%20y2%3D%22-1695.914%22%20gradientTransform%3D%22translate(0%201720)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%232368c4%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%231a5dbe%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231146ac%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%2341a5ee%22%20d%3D%22M28.806%203H9.705a1.19%201.19%200%200%200-1.193%201.191V9.5l11.069%203.25L30%209.5V4.191A1.19%201.19%200%200%200%2028.806%203%22%2F%3E%3Cpath%20fill%3D%22%232b7cd3%22%20d%3D%22M30%209.5H8.512V16l11.069%201.95L30%2016Z%22%2F%3E%3Cpath%20fill%3D%22%23185abd%22%20d%3D%22M8.512%2016v6.5l10.418%201.3L30%2022.5V16Z%22%2F%3E%3Cpath%20fill%3D%22%23103f91%22%20d%3D%22M9.705%2029h19.1A1.19%201.19%200%200%200%2030%2027.809V22.5H8.512v5.309A1.19%201.19%200%200%200%209.705%2029%22%2F%3E%3Cpath%20d%3D%22M16.434%208.2H8.512v16.25h7.922a1.2%201.2%200%200%200%201.194-1.191V9.391A1.2%201.2%200%200%200%2016.434%208.2%22%20opacity%3D%22.1%22%2F%3E%3Cpath%20d%3D%22M15.783%208.85H8.512V25.1h7.271a1.2%201.2%200%200%200%201.194-1.191V10.041a1.2%201.2%200%200%200-1.194-1.191%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M15.783%208.85H8.512V23.8h7.271a1.2%201.2%200%200%200%201.194-1.191V10.041a1.2%201.2%200%200%200-1.194-1.191%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M15.132%208.85h-6.62V23.8h6.62a1.2%201.2%200%200%200%201.194-1.191V10.041a1.2%201.2%200%200%200-1.194-1.191%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG2m3AVb6p)%22%20d%3D%22M3.194%208.85h11.938a1.193%201.193%200%200%201%201.194%201.191v11.918a1.193%201.193%200%200%201-1.194%201.191H3.194A1.19%201.19%200%200%201%202%2021.959V10.041A1.19%201.19%200%200%201%203.194%208.85%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.9%2017.988q.035.276.046.481h.028q.015-.195.065-.47c.05-.275.062-.338.089-.465l1.255-5.407h1.624l1.3%205.326a8%208%200%200%201%20.162%201h.022a8%208%200%200%201%20.135-.975l1.039-5.358h1.477l-1.824%207.748h-1.727l-1.237-5.126q-.054-.222-.122-.578t-.084-.52h-.021q-.021.189-.084.561t-.1.552L7.78%2019.871H6.024L4.19%2012.127h1.5l1.131%205.418a5%205%200%200%201%20.079.443%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-word.svg?color=%231a73e8&size=48
