Add icons to this collection by clicking the heart icon.
Document icon - also known as document, notes, pencil, paper, pen, writing, contract, signing, essay, files and folders, and edit tools. Created in a clean lineal color style with a white, silver, black, yellow, and orange finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M0 0v-16.182l-8.091-8.09h-32.363l-8.091 8.09v40.455H0Z"
transform="matrix(1.33333 0 0 -1.33333 146.474 638.462)"
fill="#95adc0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M109.855 57.426H61.31v24.272h48.545z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 24.272-48.545h-48.544Z"
transform="matrix(1.33333 0 0 -1.33333 114.11 23.555)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-347.908h-48.545v364.09H0Z"
transform="matrix(1.33333 0 0 -1.33333 146.474 109.858)"
fill="#69f0f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-80.909v80.909Z"
transform="matrix(1.33333 0 0 -1.33333 599.564 217.736)"
fill="#fbb040"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-315.544h-339.817V80.909h258.908V0z"
transform="matrix(1.33333 0 0 -1.33333 599.564 217.736)"
fill="#ffe451"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M150.311 33.153h-40.455v396.453h40.455z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fbb040"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M85.583 81.699H61.311v364.089h24.272z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#1dbcc5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v153.727h48.545v-388.362H0v210.363"
transform="matrix(1.33333 0 0 -1.33333 81.747 293.251)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0 24.272 48.545L48.545 0"
transform="translate(61.31 445.788)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-40.455l8.091-8.09h32.363l8.091 8.09V0"
transform="translate(61.31 57.426)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0h48.545"
transform="matrix(1.33333 0 0 -1.33333 81.747 573.735)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-234.636"
transform="matrix(1.33333 0 0 -1.33333 459.322 638.462)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h80.908l80.909-80.909v-315.544H80.908"
transform="matrix(1.33333 0 0 -1.33333 383.807 109.858)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h153.727"
transform="matrix(1.33333 0 0 -1.33333 146.474 109.858)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-80.909h80.909"
transform="matrix(1.33333 0 0 -1.33333 491.685 109.858)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h129.454"
transform="matrix(1.33333 0 0 -1.33333 211.202 304.04)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h242.726"
transform="matrix(1.33333 0 0 -1.33333 211.202 357.979)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h242.726"
transform="matrix(1.33333 0 0 -1.33333 211.202 411.917)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h242.726"
transform="matrix(1.33333 0 0 -1.33333 211.202 465.857)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h242.726"
transform="matrix(1.33333 0 0 -1.33333 211.202 519.796)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h242.726"
transform="matrix(1.33333 0 0 -1.33333 211.202 573.735)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h16.182"
transform="matrix(1.33333 0 0 -1.33333 513.26 304.04)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h16.182"
transform="matrix(1.33333 0 0 -1.33333 470.11 304.04)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h16.182"
transform="matrix(1.33333 0 0 -1.33333 426.958 304.04)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c17.881 0 32.363-14.482 32.363-32.363S17.881-64.727 0-64.727s-32.363 14.483-32.363 32.364C-32.363-14.482-17.881 0 0 0"
transform="translate(198.856 389.152)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-17.881-14.482-32.364-32.363-32.364S-64.727-17.881-64.727 0c0 17.881 14.483 32.363 32.364 32.363C-14.482 32.363 0 17.881 0 0Z"
transform="translate(231.219 356.789)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category