Add icons to this collection by clicking the heart icon.
Image icon - also known as interface, photo, photography, picture, landscape, image, pictures, images, 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="b"
x1="26"
x2="26"
y1="23.112"
y2="43.828"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e9e7fc" />
<stop offset="1" stop-color="#bec3f4" />
</linearGradient>
<linearGradient
id="c"
x1="24.857"
x2="26.785"
y1="19.576"
y2="30.412"
gradientUnits="userSpaceOnUse"
>
<stop offset=".26" stop-color="#57b3fe" />
<stop offset="1" stop-color="#497bfe" />
</linearGradient>
<linearGradient id="a">
<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="d"
x1="10.215"
x2="27.57"
y1="24.583"
y2="45.845"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="29.391"
x2="41.344"
y1="34.109"
y2="46.292"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="25.869"
x2="25.869"
y1="27.504"
y2="44.669"
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="g"
x1="40.807"
x2="33.173"
y1="21.792"
y2="14.757"
gradientUnits="userSpaceOnUse"
>
<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>
<radialGradient
id="h"
cx="32.479"
cy="12.02"
r="7.806"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdd95" />
<stop offset="1" stop-color="#febc1f" />
</radialGradient>
<path
fill="url(#b)"
d="M37.4 3.3H14.6C7.7 3.3 2.1 8.9 2.1 15.8v20.5c0 6.9 5.6 12.5 12.5 12.5h22.8c6.9 0 12.5-5.6 12.5-12.5V15.8c0-6.9-5.6-12.5-12.5-12.5z"
/>
<path
fill="url(#c)"
d="M14.6 45.3c-5 0-9.1-4.1-9.1-9.1V15.8c0-5 4.1-9.1 9.1-9.1h22.8c5 0 9.1 4.1 9.1 9.1v20.5c0 5-4.1 9.1-9.1 9.1H14.6z"
/>
<path
fill="url(#d)"
d="M24.6 21.8c-2.5-4.8-9.3-4.8-11.9-.1L5.5 35v1.3c0 5 4.1 9.1 9.1 9.1h10.3L31 34z"
/>
<path
fill="url(#e)"
d="m46.2 38.4-2.8-5.3c-2.5-4.8-9.3-4.8-11.9-.1l-6.7 12.3h12.5c4.4 0 8-2.9 8.9-6.9z"
/>
<path
fill="url(#f)"
d="M43.5 33.1c-2.5-4.8-9.3-4.8-11.9-.1l-.6 1-6.4-12.3c-2.5-4.8-9.3-4.8-11.9-.1L5.5 35v1.3c0 5 4.1 9.1 9.1 9.1h22.8c4.3 0 7.9-3 8.8-6.9z"
/>
<path fill="url(#g)" d="m43.6 17.4-6.1-6-7.1 7.1 13.2 13.2z" />
<circle cx="33.9" cy="15" r="5.1" fill="url(#h)" />
</svg>
More icons in the same style and category