Add icons to this collection by clicking the heart icon.
Image File icon - also known as photo, photography, picture, landscape, image, pictures, images, image file, files and folders, and music and multimedia. 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 52 52"
>
<linearGradient
id="c"
x1="24.067"
x2="-10.531"
y1="26"
y2="26"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e3e7f0" />
<stop offset="1" stop-color="#9ea9c9" />
</linearGradient>
<linearGradient
id="d"
x1="36.475"
x2="2.048"
y1="15.525"
y2="49.952"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e3e7f0" stop-opacity="0" />
<stop offset="1" stop-color="#9ea9c9" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#4c5c75" stop-opacity="0" />
<stop offset=".259" stop-color="#475670" stop-opacity=".181" />
<stop offset=".59" stop-color="#384760" stop-opacity=".413" />
<stop offset=".958" stop-color="#202c46" stop-opacity=".671" />
<stop offset="1" stop-color="#1d2943" stop-opacity=".7" />
</linearGradient>
<linearGradient
id="e"
x1="45.328"
x2="30.022"
y1="22.291"
y2="6.986"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="39.94"
x2="17.788"
y1="45.742"
y2="23.59"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="39.646"
x2="33.502"
y1="7.381"
y2="13.525"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e3e7f0" />
<stop offset=".514" stop-color="#c1c9dd" />
<stop offset="1" stop-color="#9ea9c9" />
</linearGradient>
<linearGradient
id="h"
x1="25.264"
x2="26.505"
y1="27.654"
y2="34.626"
gradientUnits="userSpaceOnUse"
>
<stop offset=".26" stop-color="#57b3fe" />
<stop offset="1" stop-color="#497bfe" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#78e75a" />
<stop offset=".288" stop-color="#76e459" />
<stop offset=".491" stop-color="#71db54" />
<stop offset=".668" stop-color="#69cb4d" />
<stop offset=".83" stop-color="#5db543" />
<stop offset=".98" stop-color="#4d9936" />
<stop offset="1" stop-color="#4b9534" />
</linearGradient>
<linearGradient
id="i"
x1="15.842"
x2="27.01"
y1="30.876"
y2="44.558"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="28.182"
x2="35.874"
y1="37.006"
y2="44.845"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="25.915"
x2="25.915"
y1="32.755"
y2="43.801"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#78e75a" stop-opacity="0" />
<stop offset=".288" stop-color="#76e459" stop-opacity=".289" />
<stop offset=".491" stop-color="#71db54" stop-opacity=".492" />
<stop offset=".668" stop-color="#69cb4d" stop-opacity=".668" />
<stop offset=".83" stop-color="#5db543" stop-opacity=".83" />
<stop offset=".98" stop-color="#4d9936" stop-opacity=".98" />
<stop offset="1" stop-color="#4b9534" />
</linearGradient>
<linearGradient
id="l"
x1="35.528"
x2="30.616"
y1="29.08"
y2="24.553"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="m"
cx="30.169"
cy="22.792"
r="5.023"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdd95" />
<stop offset="1" stop-color="#febc1f" />
</radialGradient>
<path
fill="url(#c)"
d="M30.4 2h-17C9.9 2 7 4.9 7 8.5v35.1c0 3.6 2.9 6.5 6.5 6.5h25.1c3.6 0 6.5-2.9 6.5-6.5v-27z"
/>
<path
fill="url(#d)"
d="M30.4 2h-17C9.9 2 7 4.9 7 8.5v35.1c0 3.6 2.9 6.5 6.5 6.5h25.1c3.6 0 6.5-2.9 6.5-6.5v-27z"
/>
<path fill="url(#e)" d="m43 14.6-10.4.4L45 23.8v-7.2z" />
<path
fill="url(#f)"
d="M45 43.5V28.6l-7.2-7.2-23.4 21L22 50h16.6c3.5 0 6.4-2.9 6.4-6.5z"
/>
<path fill="url(#g)" d="M30.4 10.1c0 3.6 2.9 6.5 6.5 6.5H45L30.4 2z" />
<path
fill="url(#h)"
d="M18.7 44.2c-3.2 0-5.8-2.6-5.8-5.8V25.2c0-3.2 2.6-5.8 5.8-5.8h14.7c3.2 0 5.8 2.6 5.8 5.8v13.2c0 3.2-2.6 5.8-5.8 5.8z"
/>
<path
fill="url(#i)"
d="M25.1 29.1c-1.6-3.1-6-3.1-7.6-.1l-4.6 8.6v.8c0 3.2 2.6 5.8 5.8 5.8h6.6l3.9-7.3z"
/>
<path
fill="url(#j)"
d="m39 39.8-1.8-3.4c-1.6-3.1-6-3.1-7.6-.1l-4.3 7.9h8.1c2.7 0 5-1.9 5.6-4.4z"
/>
<path
fill="url(#k)"
d="M37.2 36.3c-1.6-3.1-6-3.1-7.6-.1l-.4.8-4.1-7.9c-1.6-3.1-6-3.1-7.7-.1l-4.6 8.6v.8c0 3.2 2.6 5.8 5.8 5.8h14.7c2.7 0 5.1-1.9 5.7-4.5z"
/>
<path fill="url(#l)" d="m37.3 26.3-3.9-3.9-4.6 4.6 8.5 8.5z" />
<circle cx="31.1" cy="24.7" r="3.3" fill="url(#m)" />
</svg>
More icons in the same style and category