document text icon

document-text-bold from Solar by 480 Design · Bold · Notes · CC-BY-4.0 Attribution required.

Name
document-text-bold
Set
Solar
Style
Bold
Category
Notes
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

document-text-bold-duotonedocument-text-brokendocument-text-line-duotonedocument-text-lineardocument-text-outline

The same icon in other sets

document-text-16-filledFluent UI System Iconsdocument-text-16Fluent UI System Color Iconsdocument-textHeroIconsdocument-textIonIcons

More notes icons from Solar

archive-boldarchive-check-boldarchive-close-boldarchive-down-boldarchive-down-minimalistic-boldarchive-minimalistic-boldarchive-minimalistic-close-boldarchive-up-boldarchive-up-minimalistic-boldclipboard-add-boldclipboard-boldclipboard-check-boldclipboard-clock-boldclipboard-copy-boldclipboard-heart-boldclipboard-list-boldclipboard-minus-boldclipboard-paste-boldclipboard-remove-boldclipboard-text-boldclipboard-type-bolddocument-add-bolddocument-bolddocument-medicine-bold

Use the document text icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.17157 3.17157C3 4.34315 3 6.22876 3 10V14C3 17.7712 3 19.6569 4.17157 20.8284C5.34315 22 7.22876 22 11 22H13C16.7712 22 18.6569 22 19.8284 20.8284C21 19.6569 21 17.7712 21 14V10C21 6.22876 21 4.34315 19.8284 3.17157C18.6569 2 16.7712 2 13 2H11C7.22876 2 5.34315 2 4.17157 3.17157ZM7.25 8C7.25 7.58579 7.58579 7.25 8 7.25H16C16.4142 7.25 16.75 7.58579 16.75 8C16.75 8.41421 16.4142 8.75 16 8.75H8C7.58579 8.75 7.25 8.41421 7.25 8ZM7.25 12C7.25 11.5858 7.58579 11.25 8 11.25H16C16.4142 11.25 16.75 11.5858 16.75 12C16.75 12.4142 16.4142 12.75 16 12.75H8C7.58579 12.75 7.25 12.4142 7.25 12ZM8 15.25C7.58579 15.25 7.25 15.5858 7.25 16C7.25 16.4142 7.58579 16.75 8 16.75H13C13.4142 16.75 13.75 16.4142 13.75 16C13.75 15.5858 13.4142 15.25 13 15.25H8Z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function SolarDocumentTextBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M4.17157 3.17157C3 4.34315 3 6.22876 3 10V14C3 17.7712 3 19.6569 4.17157 20.8284C5.34315 22 7.22876 22 11 22H13C16.7712 22 18.6569 22 19.8284 20.8284C21 19.6569 21 17.7712 21 14V10C21 6.22876 21 4.34315 19.8284 3.17157C18.6569 2 16.7712 2 13 2H11C7.22876 2 5.34315 2 4.17157 3.17157ZM7.25 8C7.25 7.58579 7.58579 7.25 8 7.25H16C16.4142 7.25 16.75 7.58579 16.75 8C16.75 8.41421 16.4142 8.75 16 8.75H8C7.58579 8.75 7.25 8.41421 7.25 8ZM7.25 12C7.25 11.5858 7.58579 11.25 8 11.25H16C16.4142 11.25 16.75 11.5858 16.75 12C16.75 12.4142 16.4142 12.75 16 12.75H8C7.58579 12.75 7.25 12.4142 7.25 12ZM8 15.25C7.58579 15.25 7.25 15.5858 7.25 16C7.25 16.4142 7.58579 16.75 8 16.75H13C13.4142 16.75 13.75 16.4142 13.75 16C13.75 15.5858 13.4142 15.25 13 15.25H8Z" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.17157 3.17157C3 4.34315 3 6.22876 3 10V14C3 17.7712 3 19.6569 4.17157 20.8284C5.34315 22 7.22876 22 11 22H13C16.7712 22 18.6569 22 19.8284 20.8284C21 19.6569 21 17.7712 21 14V10C21 6.22876 21 4.34315 19.8284 3.17157C18.6569 2 16.7712 2 13 2H11C7.22876 2 5.34315 2 4.17157 3.17157ZM7.25 8C7.25 7.58579 7.58579 7.25 8 7.25H16C16.4142 7.25 16.75 7.58579 16.75 8C16.75 8.41421 16.4142 8.75 16 8.75H8C7.58579 8.75 7.25 8.41421 7.25 8ZM7.25 12C7.25 11.5858 7.58579 11.25 8 11.25H16C16.4142 11.25 16.75 11.5858 16.75 12C16.75 12.4142 16.4142 12.75 16 12.75H8C7.58579 12.75 7.25 12.4142 7.25 12ZM8 15.25C7.58579 15.25 7.25 15.5858 7.25 16C7.25 16.4142 7.58579 16.75 8 16.75H13C13.4142 16.75 13.75 16.4142 13.75 16C13.75 15.5858 13.4142 15.25 13 15.25H8Z" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-document-text-bold {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.17157%203.17157C3%204.34315%203%206.22876%203%2010V14C3%2017.7712%203%2019.6569%204.17157%2020.8284C5.34315%2022%207.22876%2022%2011%2022H13C16.7712%2022%2018.6569%2022%2019.8284%2020.8284C21%2019.6569%2021%2017.7712%2021%2014V10C21%206.22876%2021%204.34315%2019.8284%203.17157C18.6569%202%2016.7712%202%2013%202H11C7.22876%202%205.34315%202%204.17157%203.17157ZM7.25%208C7.25%207.58579%207.58579%207.25%208%207.25H16C16.4142%207.25%2016.75%207.58579%2016.75%208C16.75%208.41421%2016.4142%208.75%2016%208.75H8C7.58579%208.75%207.25%208.41421%207.25%208ZM7.25%2012C7.25%2011.5858%207.58579%2011.25%208%2011.25H16C16.4142%2011.25%2016.75%2011.5858%2016.75%2012C16.75%2012.4142%2016.4142%2012.75%2016%2012.75H8C7.58579%2012.75%207.25%2012.4142%207.25%2012ZM8%2015.25C7.58579%2015.25%207.25%2015.5858%207.25%2016C7.25%2016.4142%207.58579%2016.75%208%2016.75H13C13.4142%2016.75%2013.75%2016.4142%2013.75%2016C13.75%2015.5858%2013.4142%2015.25%2013%2015.25H8Z%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.17157%203.17157C3%204.34315%203%206.22876%203%2010V14C3%2017.7712%203%2019.6569%204.17157%2020.8284C5.34315%2022%207.22876%2022%2011%2022H13C16.7712%2022%2018.6569%2022%2019.8284%2020.8284C21%2019.6569%2021%2017.7712%2021%2014V10C21%206.22876%2021%204.34315%2019.8284%203.17157C18.6569%202%2016.7712%202%2013%202H11C7.22876%202%205.34315%202%204.17157%203.17157ZM7.25%208C7.25%207.58579%207.58579%207.25%208%207.25H16C16.4142%207.25%2016.75%207.58579%2016.75%208C16.75%208.41421%2016.4142%208.75%2016%208.75H8C7.58579%208.75%207.25%208.41421%207.25%208ZM7.25%2012C7.25%2011.5858%207.58579%2011.25%208%2011.25H16C16.4142%2011.25%2016.75%2011.5858%2016.75%2012C16.75%2012.4142%2016.4142%2012.75%2016%2012.75H8C7.58579%2012.75%207.25%2012.4142%207.25%2012ZM8%2015.25C7.58579%2015.25%207.25%2015.5858%207.25%2016C7.25%2016.4142%207.58579%2016.75%208%2016.75H13C13.4142%2016.75%2013.75%2016.4142%2013.75%2016C13.75%2015.5858%2013.4142%2015.25%2013%2015.25H8Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/document-text-bold.svg?color=%231a73e8&size=48