file word icon
file-word from Line Awesome by Icons8 · Line · Files · Apache-2.0 Free for personal and commercial use.
- Name
- file-word
- Set
- Line Awesome
- Style
- Line
- Category
- Files
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
file-word-filledAnt Design Iconsfile-wordBootstrap Iconsfile-wordFont Awesome 6 Regularfile-wordFont Awesome 6 Solidfile-wordFont Awesome Regularfile-wordFont Awesome Solidfile-word-outlineFlowbite Iconsfile-wordIconParkfile-wordIconPark Outlinefile-wordIconPark Solidfile-wordIconPark TwoTonefile-wordMaterial Design Iconsfile-wordPrime Iconsfile-word-fillRemix Iconfile-wordTabler Iconsfile-wordTDesign Icons
More files icons from Line Awesome
file-archivefile-archive-solidfile-codefile-code-solidfile-excelfile-excel-solidfile-pdffile-pdf-solidfile-powerpointfile-powerpoint-solidfile-videofile-video-solidfile-word-solidfile-altfile-alt-solidfile-audiofile-audio-solidfile-contractfile-csvfile-downloadfile-exportfile-imagefile-image-solidfile-import
Use the file word icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M6 3v26h20V3zm2 2h16v22H8zm10 7v6.5c0 .215-.285.5-.5.5c-.043 0 .02.047-.063-.063c-.082-.109-.207-.386-.28-.687C17.006 17.652 17 17 17 17v-2h-2v4.5c0 .215-.285.5-.5.5s-.5-.285-.5-.5V13h-4v2h2v4.5c0 1.383 1.117 2.5 2.5 2.5c.984 0 1.688-.645 2.094-1.469c.3.188.52.469.906.469c1.383 0 2.5-1.117 2.5-2.5V14h2v-2z"/></svg>
React
import type { SVGProps } from "react";
export function LaFileWord(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M6 3v26h20V3zm2 2h16v22H8zm10 7v6.5c0 .215-.285.5-.5.5c-.043 0 .02.047-.063-.063c-.082-.109-.207-.386-.28-.687C17.006 17.652 17 17 17 17v-2h-2v4.5c0 .215-.285.5-.5.5s-.5-.285-.5-.5V13h-4v2h2v4.5c0 1.383 1.117 2.5 2.5 2.5c.984 0 1.688-.645 2.094-1.469c.3.188.52.469.906.469c1.383 0 2.5-1.117 2.5-2.5V14h2v-2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M6 3v26h20V3zm2 2h16v22H8zm10 7v6.5c0 .215-.285.5-.5.5c-.043 0 .02.047-.063-.063c-.082-.109-.207-.386-.28-.687C17.006 17.652 17 17 17 17v-2h-2v4.5c0 .215-.285.5-.5.5s-.5-.285-.5-.5V13h-4v2h2v4.5c0 1.383 1.117 2.5 2.5 2.5c.984 0 1.688-.645 2.094-1.469c.3.188.52.469.906.469c1.383 0 2.5-1.117 2.5-2.5V14h2v-2z"/></svg> </template>
CSS
.icon-file-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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6%203v26h20V3zm2%202h16v22H8zm10%207v6.5c0%20.215-.285.5-.5.5c-.043%200%20.02.047-.063-.063c-.082-.109-.207-.386-.28-.687C17.006%2017.652%2017%2017%2017%2017v-2h-2v4.5c0%20.215-.285.5-.5.5s-.5-.285-.5-.5V13h-4v2h2v4.5c0%201.383%201.117%202.5%202.5%202.5c.984%200%201.688-.645%202.094-1.469c.3.188.52.469.906.469c1.383%200%202.5-1.117%202.5-2.5V14h2v-2z%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6%203v26h20V3zm2%202h16v22H8zm10%207v6.5c0%20.215-.285.5-.5.5c-.043%200%20.02.047-.063-.063c-.082-.109-.207-.386-.28-.687C17.006%2017.652%2017%2017%2017%2017v-2h-2v4.5c0%20.215-.285.5-.5.5s-.5-.285-.5-.5V13h-4v2h2v4.5c0%201.383%201.117%202.5%202.5%202.5c.984%200%201.688-.645%202.094-1.469c.3.188.52.469.906.469c1.383%200%202.5-1.117%202.5-2.5V14h2v-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/file-word.svg?color=%231a73e8&size=48
