Add icons to this collection by clicking the heart icon.
Frame icon - also known as technology, interface, camera, photo, photography, frame, video, recorder, and ui. 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="640"
height="640"
viewBox="0 -40 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient
id="b"
x1="240"
x2="240"
y1="406.864"
y2="-38.8"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="76"
x2="76"
y1="406.864"
y2="-38.8"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="404"
x2="404"
y1="406.864"
y2="-38.8"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="176"
x2="176"
y1="406.864"
y2="-38.8"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="112"
x2="112"
y1="406.864"
y2="-38.8"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="304"
x2="304"
y1="406.864"
y2="-38.8"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="368"
x2="368"
y1="406.864"
y2="-38.8"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M472 0H8a8 8 0 0 0-8 8v384a8 8 0 0 0 8 8h464a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8zm-8 384H16V16h448zm0 0"
/>
<path
fill="url(#c)"
d="M48 48h72V32H40a8 8 0 0 0-8 8v80h16zM40 368h80v-16H48v-72H32v80a8 8 0 0 0 8 8zm0 0"
/>
<path
fill="url(#d)"
d="M432 120h16V40a8 8 0 0 0-8-8h-80v16h72zM432 352h-72v16h80a8 8 0 0 0 8-8v-80h-16zm0 0"
/>
<path
fill="url(#b)"
d="M224 224h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<path
fill="url(#e)"
d="M160 224h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<path
fill="url(#f)"
d="M88 184v32a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8H96a8 8 0 0 0-8 8zm16 8h16v16h-16zm0 0"
/>
<path
fill="url(#g)"
d="M288 224h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zM288 288h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<path
fill="url(#h)"
d="M352 224h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<g fill="url(#b)">
<path
d="M224 160h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zM224 96h32a8 8 0 0 0 8-8V56a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zM224 288h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
</g>
<path
fill="url(#e)"
d="M160 288h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zM160 160h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<path
fill="url(#g)"
d="M288 160h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<path
fill="url(#b)"
d="M224 352h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
</svg>
More icons in the same style and category