Add icons to this collection by clicking the heart icon.
Photo icon - also known as photo, summer, photograph, beach, holidays, vacation, and memories. 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 64 64"
>
<linearGradient
id="c"
x1="13.774"
x2="62.293"
y1="39.371"
y2="15.665"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#37474f" />
<stop offset=".544" stop-color="#3d4f58" />
<stop offset=".994" stop-color="#455a64" />
</linearGradient>
<linearGradient
id="d"
x1="4.242"
x2="51.841"
y1="48.265"
y2="22.763"
gradientUnits="userSpaceOnUse"
>
<stop offset=".006" stop-color="#e0e0e0" />
<stop offset=".263" stop-color="#e5e5e5" />
<stop offset="1" stop-color="#eee" />
</linearGradient>
<linearGradient
id="e"
x1="5.521"
x2="47.478"
y1="42.149"
y2="29.374"
gradientUnits="userSpaceOnUse"
>
<stop offset=".006" stop-color="#90caf9" />
<stop offset=".323" stop-color="#a7d7fb" />
<stop offset=".745" stop-color="#c1e5fe" />
<stop offset="1" stop-color="#caeaff" />
</linearGradient>
<linearGradient
id="a"
x1="13.53"
x2="20.899"
y1="24.19"
y2="28.075"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4fa84f" />
<stop offset=".464" stop-color="#479f48" />
<stop offset=".994" stop-color="#388e3c" />
</linearGradient>
<linearGradient
id="f"
x1="13.433"
x2="20.085"
y1="30.292"
y2="32.78"
href="#a"
/>
<linearGradient
id="b"
x1="6.826"
x2="51.946"
y1="50.002"
y2="41.047"
gradientUnits="userSpaceOnUse"
>
<stop offset=".006" stop-color="#fdd835" />
<stop offset=".011" stop-color="#fdd835" />
<stop offset=".628" stop-color="#fee84f" />
<stop offset="1" stop-color="#ffee58" />
</linearGradient>
<linearGradient
id="g"
x1="15"
x2="26"
y1="40.001"
y2="40.001"
gradientUnits="userSpaceOnUse"
>
<stop offset=".006" stop-color="#ef6c00" />
<stop offset=".422" stop-color="#f78425" />
<stop offset=".783" stop-color="#fd953f" />
<stop offset="1" stop-color="#ff9b48" />
</linearGradient>
<linearGradient
id="h"
x1="25.877"
x2="31.414"
y1="26.248"
y2="27.835"
href="#a"
/>
<linearGradient
id="i"
x1="24.63"
x2="31.89"
y1="31.151"
y2="34.239"
href="#a"
/>
<linearGradient
id="j"
x1="25.387"
x2="24.432"
y1="32.636"
y2="28.595"
href="#b"
/>
<linearGradient
id="k"
x1="19.289"
x2="23.741"
y1="32.115"
y2="33.569"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffee58" />
<stop offset=".372" stop-color="#fee84f" />
<stop offset=".989" stop-color="#fdd835" />
<stop offset=".994" stop-color="#fdd835" />
</linearGradient>
<linearGradient
id="l"
x1="26.667"
x2="22.932"
y1="35.283"
y2="32.409"
href="#b"
/>
<rect width="54" height="40" x="8" y="9" fill="url(#c)" rx="3" />
<rect width="54" height="40" x="2" y="15" fill="url(#d)" rx="3" />
<rect width="46" height="32" x="6" y="19" fill="url(#e)" rx="1" />
<path fill="#90caf9" d="M6 31v19a1 1 0 0 0 1 1h44a1 1 0 0 0 1-1V31z" />
<path
fill="url(#a)"
d="M14 23a1 1 0 0 0-.857 1.515l3 5a1 1 0 0 0 .733.477l8 1A1.064 1.064 0 0 0 25 31a1 1 0 0 0 1-1c0-.286-.136-7-12-7z"
/>
<path
fill="#388e3c"
d="M23.12 25.22A1.836 1.836 0 0 1 21 26a9.458 9.458 0 0 0-6.354 1.02l1.497 2.495a1 1 0 0 0 .733.477l8 1A1.064 1.064 0 0 0 25 31a1 1 0 0 0 1-1 6.228 6.228 0 0 0-2.88-4.78z"
/>
<path
fill="url(#f)"
d="M25.95 29.688a.998.998 0 0 0-.608-.627c-4.128-1.503-12.631-2.473-15.279 4.587a1 1 0 0 0 .74 1.332 22.005 22.005 0 0 0 3.996.348c3.485 0 8.38-.794 11.033-4.773a.999.999 0 0 0 .118-.867z"
/>
<path
fill="url(#b)"
d="M51.057 41.026a159.845 159.845 0 0 1-16.892-2.012c-18.137-3.022-27.27 1.901-27.65 2.112A.999.999 0 0 0 6 42v8a1 1 0 0 0 1 1h44a1 1 0 0 0 1-1v-7.976a1 1 0 0 0-.943-.998z"
/>
<path
fill="#388e3c"
d="M25.95 29.688a.998.998 0 0 0-.608-.627 16.96 16.96 0 0 0-1.276-.399c-2.459 4.275-9.272 5.293-14.051 5.453a.97.97 0 0 0 .789.865 22.005 22.005 0 0 0 3.995.348c3.485 0 8.38-.794 11.033-4.773a.999.999 0 0 0 .118-.867z"
/>
<path
fill="#fdd835"
d="M35 45c-6.08-2.702-20.364-.841-29 .65V50a1 1 0 0 0 1 1h44a1 1 0 0 0 1-1v-3.899c-5.93.666-12.712.805-17-1.101z"
/>
<path
fill="url(#g)"
d="M25.554 29.167a1.008 1.008 0 0 0-1.213.08c-8.212 7.187-9.296 20.129-9.338 20.676A1 1 0 0 0 16 51h5a1 1 0 0 0 1-1c0-7.743 3.91-19.565 3.949-19.684a1 1 0 0 0-.395-1.149z"
/>
<path
fill="url(#h)"
d="M32.949 23.684A1 1 0 0 0 32 23a8.08 8.08 0 0 0-7.986 6.836A1 1 0 0 0 25 31c3.548 0 5.993-.896 7.267-2.664a5.515 5.515 0 0 0 .682-4.652z"
/>
<path
fill="url(#i)"
d="M33.929 34.629C31.703 29.064 25.272 29 25 29a1 1 0 0 0-.99 1.142 6.833 6.833 0 0 0 2.896 5.061 7.232 7.232 0 0 0 3.947 1.06 9.633 9.633 0 0 0 2.422-.301 1 1 0 0 0 .654-1.333z"
/>
<path
fill="#388e3c"
d="M32.949 23.684a.987.987 0 0 0-.285-.417c-1.372 4.275-4.912 6.459-8.176 7.571A.982.982 0 0 0 25 31c3.548 0 5.993-.896 7.267-2.664a5.515 5.515 0 0 0 .682-4.652z"
/>
<circle cx="25" cy="31" r="3" fill="url(#j)" />
<path
fill="#388e3c"
d="M33.929 34.629a8.205 8.205 0 0 0-1.775-2.727c.16 2.437-2.372 3.183-5.344 3.23.033.023.062.05.096.071a7.232 7.232 0 0 0 3.947 1.06 9.633 9.633 0 0 0 2.422-.301 1 1 0 0 0 .654-1.333z"
/>
<circle cx="22" cy="33" r="3" fill="url(#k)" />
<circle cx="25" cy="34" r="3" fill="url(#l)" />
<path
fill="#fdd835"
d="M26.554 31.446A2.97 2.97 0 0 1 27 33a3.003 3.003 0 0 1-3 3 2.97 2.97 0 0 1-1.554-.446 2.992 2.992 0 1 0 4.108-4.108z"
/>
<g fill="#fff">
<circle cx="39" cy="22" r="1" />
<path d="M49 23h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z" />
</g>
</svg>
More icons in the same style and category