Add icons to this collection by clicking the heart icon.
Image icon - also known as photo, picture, editing, post, image, content management, social media, and caption. Created in a clean 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="linear-gradient"
gradientUnits="userSpaceOnUse"
x1="23.766"
x2="24.433"
y1="1.074"
y2="66.407"
>
<stop offset="0" stop-color="#6adbff" />
<stop offset=".155" stop-color="#44b0ff" />
<stop offset=".441" stop-color="#0065ff" />
<stop offset=".502" stop-color="#0a62ff" />
<stop offset=".606" stop-color="#2559ff" />
<stop offset=".741" stop-color="#504bff" />
<stop offset=".898" stop-color="#8c38ff" />
<stop offset="1" stop-color="#b62aff" />
</linearGradient>
<linearGradient
id="linear-gradient-3"
x1="23.684"
x2="24.351"
y1="1.075"
y2="66.408"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-4"
x1="30.675"
x2="31.341"
y1="1.003"
y2="66.337"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-5"
x1="9.523"
x2="10.189"
y1="1.219"
y2="66.552"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-6"
x1="31.48"
x2="32.146"
y1=".995"
y2="66.328"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-7"
x1="31.439"
x2="32.105"
y1=".996"
y2="66.329"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-8"
x1="31.398"
x2="32.065"
y1=".996"
y2="66.329"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-9"
x1="53.967"
x2="54.634"
y1=".766"
y2="66.099"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-10"
x1="53.885"
x2="54.552"
y1=".766"
y2="66.1"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-11"
x1="53.804"
x2="54.47"
y1=".767"
y2="66.101"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-12"
x1="53.722"
x2="54.389"
y1=".768"
y2="66.101"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-13"
x1="53.559"
x2="54.226"
y1=".77"
y2="66.103"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-14"
x1="53.64"
x2="54.307"
y1=".769"
y2="66.102"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-15"
x1="53.926"
x2="54.593"
y1=".766"
y2="66.099"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-16"
x1="53.845"
x2="54.511"
y1=".767"
y2="66.1"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-17"
x1="53.763"
x2="54.43"
y1=".768"
y2="66.101"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-18"
x1="53.681"
x2="54.348"
y1=".769"
y2="66.102"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-19"
x1="53.6"
x2="54.266"
y1=".769"
y2="66.103"
href="#linear-gradient"
/>
<g id="post" fill-rule="evenodd">
<path
d="m4 45h40a1 1 0 0 0 1-1v-40a1 1 0 0 0 -1-1h-40a1 1 0 0 0 -1 1v40a1 1 0 0 0 1 1zm1-40h38v38h-38z"
fill="url(#linear-gradient)"
/>
<path
d="m40 7h-32a1 1 0 0 0 -1 1v32a1 1 0 0 0 1 1h32a1 1 0 0 0 1-1v-32a1 1 0 0 0 -1-1zm-1 32h-30v-30h30z"
fill="url(#linear-gradient)"
/>
<path
d="m12.563 33a2.287 2.287 0 0 0 1.534-.68 14.377 14.377 0 0 0 2.2-3.266 21.761 21.761 0 0 1 1.358-2.254 3.677 3.677 0 0 1 .445-.514 1.567 1.567 0 0 1 .182-.133 1.561 1.561 0 0 1 .182.133 3.673 3.673 0 0 1 .445.514 21.8 21.8 0 0 1 1.359 2.249 14.375 14.375 0 0 0 2.2 3.266 2.287 2.287 0 0 0 1.532.685 2.912 2.912 0 0 0 1.753-.683 13.225 13.225 0 0 0 1.875-1.964 14.564 14.564 0 0 1 1.33-1.47c.265-.238.5-.458.761-.458s.5.22.761.458a14.572 14.572 0 0 1 1.331 1.47 13.221 13.221 0 0 0 1.875 1.964 2.911 2.911 0 0 0 1.752.683 1 1 0 0 0 0-2c-.265 0-.5-.22-.761-.458a14.587 14.587 0 0 1 -1.33-1.47 13.23 13.23 0 0 0 -1.875-1.964 2.591 2.591 0 0 0 -3.506 0 13.228 13.228 0 0 0 -1.875 1.964 14.565 14.565 0 0 1 -1.33 1.47 1.4 1.4 0 0 1 -.732.457 1.737 1.737 0 0 1 -.211-.153 3.609 3.609 0 0 1 -.445-.513 21.789 21.789 0 0 1 -1.359-2.25 14.346 14.346 0 0 0 -2.2-3.265 2.287 2.287 0 0 0 -1.534-.68 2.287 2.287 0 0 0 -1.534.68 14.348 14.348 0 0 0 -2.2 3.265 21.832 21.832 0 0 1 -1.359 2.25 3.617 3.617 0 0 1 -.445.513 1.785 1.785 0 0 1 -.212.154 1 1 0 0 0 .033 2z"
fill="url(#linear-gradient-3)"
/>
<path
d="m30.862 23.838a4.419 4.419 0 1 0 -4.419-4.419 4.421 4.421 0 0 0 4.419 4.419zm0-6.838a2.419 2.419 0 1 1 -2.419 2.419 2.42 2.42 0 0 1 2.419-2.419z"
fill="url(#linear-gradient-4)"
/>
<path
d="m4 49h12a1 1 0 0 0 0-2h-12a1 1 0 0 0 0 2z"
fill="url(#linear-gradient-5)"
/>
<path
d="m60 51h-56a1 1 0 0 0 0 2h56a1 1 0 0 0 0-2z"
fill="url(#linear-gradient-6)"
/>
<path
d="m60 55h-56a1 1 0 0 0 0 2h56a1 1 0 0 0 0-2z"
fill="url(#linear-gradient-7)"
/>
<path
d="m60 59h-56a1 1 0 0 0 0 2h56a1 1 0 0 0 0-2z"
fill="url(#linear-gradient-8)"
/>
<path
d="m48 5h12a1 1 0 0 0 0-2h-12a1 1 0 0 0 0 2z"
fill="url(#linear-gradient-9)"
/>
<path
d="m60 11h-12a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2z"
fill="url(#linear-gradient-10)"
/>
<path
d="m60 19h-12a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2z"
fill="url(#linear-gradient-11)"
/>
<path
d="m60 27h-12a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2z"
fill="url(#linear-gradient-12)"
/>
<path
d="m60 43h-12a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2z"
fill="url(#linear-gradient-13)"
/>
<path
d="m60 35h-12a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2z"
fill="url(#linear-gradient-14)"
/>
<path
d="m60 7h-12a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2z"
fill="url(#linear-gradient-15)"
/>
<path
d="m60 15h-12a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2z"
fill="url(#linear-gradient-16)"
/>
<path
d="m60 23h-12a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2z"
fill="url(#linear-gradient-17)"
/>
<path
d="m60 31h-12a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2z"
fill="url(#linear-gradient-18)"
/>
<path
d="m60 39h-12a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2z"
fill="url(#linear-gradient-19)"
/>
</g>
</svg>
More icons in the same style and category