Add icons to this collection by clicking the heart icon.
Vector File icon - also known as interface, file, document, graphic design, graphic tool, editable, files and folders, and vector file. Created in a clean flat 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 356 356"
>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 77.777 116.666) scale(277.778)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ebf9f8" />
<stop offset="1" stop-color="#c0c4f6" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(67.587) rotate(80.538 .523 1.307)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7fe1ef" />
<stop offset="1" stop-color="#0bb2f5" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(22.222 50 -50 22.222 200 205.556)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffbd56" />
<stop offset="1" stop-color="#ff781b" />
</linearGradient>
<linearGradient
id="e"
x1="116.667"
x2="225"
y1="193.056"
y2="193.056"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#75858c" />
<stop offset="1" stop-color="#405a65" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#5edaea" />
<stop offset="1" stop-color="#1b8dbb" />
</linearGradient>
<linearGradient
id="f"
x1="213.889"
x2="241.667"
y1="144.444"
y2="144.444"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="108.333"
x2="136.111"
y1="250"
y2="250"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M277.778 50c0-6.136-4.975-11.111-11.111-11.111H161.111l-83.333 69.444v197.223c0 6.136 4.974 11.111 11.111 11.111h177.778c6.136 0 11.111-4.975 11.111-11.111V50z"
/>
<path
fill="url(#c)"
d="m161.111 38.889-83.333 66.667H150c6.136 0 11.111-4.975 11.111-11.111V38.889z"
/>
<path
fill="url(#d)"
d="M189.767 206.655a2.778 2.778 0 0 1 4.446-2.567l50.28 38.61a2.779 2.779 0 0 1-1.268 4.949l-24.087 3.718-16.161 19.643a2.779 2.779 0 0 1-4.899-1.401l-8.311-62.952z"
/>
<path
fill="url(#e)"
d="M127.778 241.667c0-50.593 41.074-91.667 91.666-91.667a5.558 5.558 0 0 0 5.556-5.556 5.558 5.558 0 0 0-5.556-5.555c-56.724 0-102.777 46.053-102.777 102.778 0 3.066 2.489 5.555 5.555 5.555s5.556-2.489 5.556-5.555z"
/>
<circle cx="227.778" cy="144.444" r="13.889" fill="url(#f)" />
<circle cx="122.222" cy="250" r="13.889" fill="url(#g)" />
</g>
</svg>
More icons in the same style and category