Add icons to this collection by clicking the heart icon.
Document icon - also known as interface, document, text, three, files, documents, symbol, portable document format, ui, and sheets. Created in a clean gradient style, 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="512"
height="512"
viewBox="0 0 460 460"
>
<linearGradient
id="a"
x1="-77.479"
x2="-32.049"
y1="545.764"
y2="579.624"
gradientTransform="matrix(8 0 0 -8 532 4833)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#faab20" />
<stop offset="1" stop-color="#de158c" />
</linearGradient>
<path
d="M326 84H134c-16.904.044-30.596 13.736-30.64 30.64v230.72c.044 16.904 13.736 30.596 30.64 30.64h192c16.904-.044 30.596-13.736 30.64-30.64V114.64C356.596 97.736 342.904 84.044 326 84zM195.92 96h67.52v22.4h-67.2l-.32-22.4zm149.04 249.36c.002 10.295-8.343 18.641-18.637 18.643-.108 0-.215-.001-.323-.003H134c-10.295 0-18.64-8.345-18.64-18.64V114.64c0-10.295 8.345-18.64 18.64-18.64h50.56v28.4a6.08 6.08 0 0 0 6 6H270a6.08 6.08 0 0 0 6-6V96h50c10.295 0 18.64 8.345 18.64 18.64l.32 230.72z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-80.08"
x2="-34.65"
y1="549.245"
y2="583.105"
gradientTransform="matrix(8 0 0 -8 532 4833)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#faab20" />
<stop offset="1" stop-color="#de158c" />
</linearGradient>
<path
d="M304.32 180.64H155.68a6 6 0 1 0 0 12h148.64a6 6 0 1 0 0-12z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-76.35"
x2="-30.919"
y1="544.244"
y2="578.094"
gradientTransform="matrix(8 0 0 -8 532 4833)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#faab20" />
<stop offset="1" stop-color="#de158c" />
</linearGradient>
<path
d="M304.32 242.96H155.68a6 6 0 1 0 0 12h148.64a6 6 0 1 0 0-12z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-72.606"
x2="-27.186"
y1="539.23"
y2="573.09"
gradientTransform="matrix(8 0 0 -8 532 4833)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#faab20" />
<stop offset="1" stop-color="#de158c" />
</linearGradient>
<path
d="M304.32 305.28H155.68a6 6 0 1 0 0 12h148.64a6 6 0 1 0 0-12z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-77.479"
x2="-32.049"
y1="545.764"
y2="579.624"
gradientTransform="matrix(8 0 0 -8 532 4833)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#faab20" />
<stop offset="1" stop-color="#de158c" />
</linearGradient>
<path
d="M230 0C102.975 0 0 102.975 0 230s102.975 230 230 230 230-102.975 230-230C459.824 103.048 356.952.176 230 0zm0 448c-120.398 0-218-97.602-218-218S109.602 12 230 12s218 97.602 218 218c-.132 120.343-97.657 217.868-218 218z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category