Add icons to this collection by clicking the heart icon.
Image icon - also known as interface, photo, photography, picture, landscape, image, and art and design. Created in a clean flat gradient style with a olive finish, 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="a">
<stop offset="0" stop-color="#ea9f6b" />
<stop offset="1" stop-color="#c36435" />
</linearGradient>
<linearGradient
id="d"
x1="24.993"
x2="24.993"
y1="11.668"
y2="39.619"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="2"
x2="47.987"
y1="24.993"
y2="24.993"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="24.993"
x2="24.993"
y1="10.146"
y2="32.46"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#afd0db" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#82ea73" />
<stop offset=".832" stop-color="#2fa52f" />
</linearGradient>
<linearGradient
id="g"
x1="24.993"
x2="24.993"
y1="18.645"
y2="37.097"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="26.684"
x2="15.383"
y1="38.665"
y2="24.789"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#fef328" />
<stop offset=".886" stop-color="#ff7f02" />
</linearGradient>
<linearGradient
id="i"
x1="30.965"
x2="30.965"
y1="13.657"
y2="24.405"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="3230.002"
x2="3230.002"
y1="-3081.606"
y2="-3073.848"
gradientTransform="rotate(180 1630.484 -1528.46)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="25.574"
x2="36.357"
y1="20.062"
y2="20.062"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="27.074"
x2="34.857"
y1="20.062"
y2="20.062"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="m"
cx="439.748"
cy="553.168"
r="2.117"
gradientTransform="scale(1 -1) rotate(83.86 555.839 41.584)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".306" stop-color="#fff" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<path
fill="#954625"
d="M50 14.394V39.62a6.1 6.1 0 0 1-6.1 6.1H9.486c-1.37 0-2.01-.451-3.027-1.214L3.53 41.648l.657-.576a6.043 6.043 0 0 1-.174-1.452V14.394a6.1 6.1 0 0 1 6.1-6.1H43.9c.659 0 1.292.104 1.886.297l.22-.712 2.35 2.349A6.076 6.076 0 0 1 50 14.394z"
/>
<path
fill="url(#d)"
d="M41.886 6.28H8.101A6.1 6.1 0 0 0 2 12.38v25.227a6.1 6.1 0 0 0 6.1 6.1h33.786a6.1 6.1 0 0 0 6.1-6.1V12.38a6.1 6.1 0 0 0-6.1-6.1z"
/>
<path
fill="url(#e)"
d="M47.987 37.607V12.38a6.1 6.1 0 0 0-6.1-6.1H8.1A6.1 6.1 0 0 0 2 12.38v25.227a6.1 6.1 0 0 0 5.732 6.088c.283.015.269.01.369.012a6.608 6.608 0 0 1-1.874-.331c-1.423-.478-2.28-1.436-2.381-1.51-.083-.14-1.697-1.517-1.702-4.254.069-4.665.187-19.627.23-24.895-.04-3.141 2.169-5.842 5.408-6.006.751-.053 34.062-.024 34.423.002 2.536.127 4.845 1.864 5.371 5.085.044.91.071 8.421.19 20.069l.076 5.745a6.466 6.466 0 0 1-.27 1.847c-.662 2.2-2.767 4.15-5.686 4.248.1-.002.085.003.368-.012a6.1 6.1 0 0 0 5.733-6.088z"
/>
<path
fill="url(#f)"
d="M42.604 12.918c0-.694-.563-1.256-1.256-1.256H8.638c-.693 0-1.255.562-1.255 1.256v24.15c0 .694.562 1.257 1.256 1.257h32.709c.693 0 1.256-.563 1.256-1.256z"
/>
<path
fill="url(#g)"
d="M36.042 28.535a1.256 1.256 0 0 0-1.83-.02l-4.277 4.445-9.097-11.14a1.256 1.256 0 0 0-1.939-.008L7.383 35.664v1.405c0 .693.562 1.256 1.256 1.256h32.709c.693 0 1.256-.563 1.256-1.256v-1.405z"
/>
<path
fill="url(#h)"
d="M42.604 37.069v-1.405l-6.562-7.13a1.256 1.256 0 0 0-1.83-.02l-4.277 4.446-9.097-11.14a1.256 1.256 0 0 0-1.939-.008L7.383 35.664v1.405c0 .592.41 1.087.962 1.22l.048.011c.025.005.05.008.076.012.056.007.113.013.17.013-.635-.016-1.245-.473-1.226-1.394l.014-1.25c7.945-9.39 11.503-13.654 11.489-13.637.604-.745 1.41-.615 1.825-.079C26.16 28.63 30 33.292 29.925 33.203c4.297-4.486 4.418-4.623 4.379-4.582.415-.445 1.136-.566 1.765.127 6.72 7.205 3.482 3.719 6.491 6.933.016 1.427.026 1.482-.013 1.663a1.244 1.244 0 0 1-1.029.968 1.255 1.255 0 0 0 1.086-1.243z"
/>
<circle cx="30.965" cy="20.062" r="5.391" fill="url(#i)" />
<circle cx="30.965" cy="20.062" r="3.892" fill="url(#j)" />
<path
fill="url(#k)"
d="M36.357 20.062a5.391 5.391 0 1 0-5.393 5.392h.001c-2.956-.023-5.346-2.477-5.317-5.392.026-3.004 2.464-5.31 5.317-5.295 2.912-.015 5.29 2.343 5.318 5.295.028 2.921-2.368 5.369-5.318 5.392h.001a5.391 5.391 0 0 0 5.39-5.392z"
/>
<path
fill="url(#l)"
d="M34.857 20.062a3.892 3.892 0 1 0-3.892 3.892c-2.171-.04-3.843-1.83-3.818-3.892a3.813 3.813 0 0 1 3.818-3.795c2.075-.012 3.8 1.67 3.818 3.795.025 2.063-1.648 3.852-3.818 3.892a3.892 3.892 0 0 0 3.892-3.892z"
/>
<path
fill="url(#m)"
d="m36.753 19.48-1.717-.378.795-.8-.95.606-.006-1.757-.38 1.715-.8-.794.606.95-1.758.007 1.717.379-.795.8.951-.607.005 1.758.38-1.716.8.794-.606-.95z"
/>
</svg>
More icons in the same style and category