Add icons to this collection by clicking the heart icon.
Document icon - also known as computer, interface, screen, cursor, file, document, monitor, select, archive, ui, and files and folders. 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="100"
height="100"
viewBox="0 0 1240.328 1240.328"
>
<linearGradient
id="a"
x1="620.164"
x2="620.164"
y1="1291.008"
y2="-11.336"
gradientTransform="matrix(1 0 0 -1 0 1260)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M1178.312 0H62.016C27.766 0 0 27.766 0 62.016v744.197c0 34.251 27.766 62.016 62.016 62.016h351.426c57.056.068 103.292 46.305 103.361 103.361-.102 57.042-46.319 103.258-103.361 103.361-.289 0-.537.145-.806.165a58.99 58.99 0 0 0-7.814 1.84 20.634 20.634 0 0 0-3.308 2.233 20.025 20.025 0 0 0-3.059 2.357 21.425 21.425 0 0 0-2.067 3.059 19.445 19.445 0 0 0-2.067 3.783c-.103.248-.31.434-.413.703l-41.344 124.033c-3.608 10.832 2.248 22.537 13.08 26.145a20.679 20.679 0 0 0 6.455 1.059H868.23c11.417.003 20.674-9.25 20.677-20.667 0-2.222-.357-4.429-1.059-6.537l-41.344-124.033c0-.269-.31-.455-.413-.703a19.46 19.46 0 0 0-2.191-3.824 20.243 20.243 0 0 0-2.067-3.018 71.188 71.188 0 0 0-6.367-4.589 20.321 20.321 0 0 0-3.576-.992 20.829 20.829 0 0 0-4.134-.848c-.269 0-.517-.165-.806-.165-57.042-.102-103.258-46.319-103.361-103.361.068-57.056 46.305-103.292 103.361-103.361h351.364c34.251 0 62.016-27.766 62.016-62.016V62.016C1240.328 27.766 1212.562 0 1178.312 0zM682.18 971.59c.08 74.012 55.936 136.062 129.532 143.899l27.845 83.495H400.771l27.845-83.495c73.587-7.854 129.432-69.894 129.532-143.899a144.149 144.149 0 0 0-43.639-103.361H725.82a144.146 144.146 0 0 0-43.64 103.361zm516.804-165.377c0 11.417-9.255 20.672-20.672 20.672H62.016c-11.417 0-20.672-9.255-20.672-20.672v-62.016h1157.639v62.016zM41.344 702.852V62.016c0-11.417 9.255-20.672 20.672-20.672h1116.295c11.417 0 20.672 9.255 20.672 20.672v640.836H41.344z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="516.803"
x2="516.803"
y1="1291.008"
y2="-11.336"
gradientTransform="matrix(1 0 0 -1 0 1260)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M496.131 186.049h41.344v41.344h-41.344z" fill="url(#b)" />
<linearGradient
id="c"
x1="599.492"
x2="599.492"
y1="1291.008"
y2="-11.336"
gradientTransform="matrix(1 0 0 -1 0 1260)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M558.148 186.049h82.689v41.344h-82.689z" fill="url(#c)" />
<linearGradient
id="d"
x1="620.164"
x2="620.164"
y1="1291.008"
y2="-11.336"
gradientTransform="matrix(1 0 0 -1 0 1260)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M496.131 248.066h248.066v41.344H496.131z" fill="url(#d)" />
<linearGradient
id="e"
x1="620.164"
x2="620.164"
y1="1291.008"
y2="-11.336"
gradientTransform="matrix(1 0 0 -1 0 1260)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M496.131 310.082h248.066v41.344H496.131z" fill="url(#e)" />
<linearGradient
id="f"
x1="547.812"
x2="547.812"
y1="1291.008"
y2="-11.336"
gradientTransform="matrix(1 0 0 -1 0 1260)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M496.131 372.098h103.361v41.344H496.131z" fill="url(#f)" />
<linearGradient
id="g"
x1="682.911"
x2="682.911"
y1="1291.008"
y2="-11.336"
gradientTransform="matrix(1 0 0 -1 0 1260)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="m940.975 506.881-114.089-57.034V186.049h-.186a20.672 20.672 0 0 0-5.871-14.615L738.14 88.745a20.488 20.488 0 0 0-14.615-5.871v-.186h-289.41c-11.417 0-20.672 9.255-20.672 20.672v454.787c0 11.417 9.255 20.672 20.672 20.672h325.793l36.383 72.745a20.673 20.673 0 0 0 18.481 11.411h1.468a20.672 20.672 0 0 0 18.15-14.057l25.964-77.913 77.913-25.985c10.826-3.625 16.663-15.341 13.038-26.167a20.667 20.667 0 0 0-10.33-11.911v-.061zM744.197 153.263l12.114 12.114h-12.114v-12.114zm-289.41 384.212V124.033h248.066v62.016c0 11.417 9.255 20.672 20.672 20.672h62.016v222.453l-78.554-39.277c-10.208-5.114-22.628-.985-27.742 9.223a20.67 20.67 0 0 0 0 18.519l59.949 119.898-284.407-.062zm382.682-2.48a20.672 20.672 0 0 0-13.065 13.065l-13.458 40.373-66.895-133.79 133.769 66.895-40.351 13.457z"
fill="url(#g)"
/>
</svg>
More icons in the same style and category