Add icons to this collection by clicking the heart icon.
Picture icon - also known as photo, picture, memories, files and folders, and yearbook. Created in a clean gradient style with a white 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdd7d" />
<stop offset="1" stop-color="#ff8945" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="126.801"
x2="385.199"
y1="258"
y2="258"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff6308" />
<stop offset="1" stop-color="#9d3d1a" />
</linearGradient>
<path
d="M385.199 109H126.801l54.551 147-54.551 147h258.398l-58.57-147z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="136.5"
x2="383.87"
y1="258"
y2="258"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9d3d1a" />
<stop offset="1" stop-color="#3a172b" />
</linearGradient>
<path d="M324.906 169.293v173.414L385.199 403V109z" fill="url(#c)" />
<linearGradient
id="d"
x1="136.5"
x2="383.87"
y1="258"
y2="258"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9d3d1a" />
<stop offset="1" stop-color="#3a172b" />
</linearGradient>
<path d="M126.801 109v294l60.293-60.293V169.293z" fill="url(#d)" />
<linearGradient
id="e"
x1="161.254"
x2="350.746"
y1="258"
y2="258"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a3ebfe" />
<stop offset="1" stop-color="#70e2ff" />
</linearGradient>
<path d="M256 143.453h-94.746v225.094h189.492V143.453z" fill="url(#e)" />
<linearGradient
id="f"
x1="215.81"
x2="296.21"
y1="301.64"
y2="301.64"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9d3d1a" />
<stop offset="1" stop-color="#3a172b" />
</linearGradient>
<circle cx="256.01" cy="212.36" r="40.2" fill="url(#f)" />
<linearGradient
id="g"
x1="201.33"
x2="308.07"
y1="203.45"
y2="203.45"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#01538d" />
<stop offset="1" stop-color="#001a31" />
</linearGradient>
<path
d="m299.066 269.781-34.453 40.77 34.453 40.769h17.227v-81.539z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="201.33"
x2="308.07"
y1="203.45"
y2="203.45"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#01538d" />
<stop offset="1" stop-color="#001a31" />
</linearGradient>
<path
d="m212.945 269.781 34.453 40.77-34.453 40.769h-17.227v-81.539z"
fill="url(#h)"
/>
<path
d="m264.613 269.781-11.689 11.068-5.538-11.068h-34.452v81.539h86.132v-81.539z"
fill="#fff"
/>
<linearGradient
id="i"
x1="247.39"
x2="264.617"
y1="212.065"
y2="212.065"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff94cc" />
<stop offset="1" stop-color="#ff39a1" />
</linearGradient>
<path d="M247.39 269.78h17.227v64.31H247.39z" fill="url(#i)" />
</svg>
More icons in the same style and category