Add icons to this collection by clicking the heart icon.
Screen icon - also known as camera, screen, controller, control, security, record, and electronics. Created in a clean blue 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 60 60"
>
<g fill="none" fill-rule="evenodd">
<g transform="translate(1 1)">
<rect width="58" height="5" y="53" fill="#e8edfc" rx="2" />
<path
fill="#cad9fc"
d="M56 53h-3a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2v-1a2 2 0 0 0-2-2z"
/>
<rect width="58" height="40" fill="#c6d8fb" rx="3" />
<path
fill="#a4c3fd"
d="M55 0h-3a3 3 0 0 1 3 3v34a3 3 0 0 1-3 3h3a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3z"
/>
<rect width="50" height="32" x="4" y="4" fill="#e8edfc" rx="1" />
<path
fill="#cad9fc"
d="M53 4h-3a1 1 0 0 1 1 1v30a1 1 0 0 1-1 1h3a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1z"
/>
<path
fill="#e8edfc"
d="M17 48h24a3 3 0 0 1 3 3v2H14v-2a3 3 0 0 1 3-3z"
/>
<path
fill="#cad9fc"
d="M41 48h-3a3 3 0 0 1 3 3v2h3v-2a3 3 0 0 0-3-3z"
/>
<path
fill="#a4c2f7"
d="M37 44h3a1 1 0 0 1 1 1v3h-5v-3a1 1 0 0 1 1-1zM27 36.59h4V48h-4z"
/>
<circle cx="29" cy="32" r="5" fill="#e8edfc" />
<path
fill="#cad9fc"
d="M29 27a4.966 4.966 0 0 0-1.5.254 4.968 4.968 0 0 1 0 9.492A4.99 4.99 0 1 0 29 27z"
/>
</g>
<g fill="#fff">
<path
d="M4 41h3a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3H4a3 3 0 0 0-3 3v34a3 3 0 0 0 3 3zM4 57v-1a2 2 0 0 1 2-2H3a2 2 0 0 0-2 2v1a2 2 0 0 0 2 2h3a2 2 0 0 1-2-2z"
/>
</g>
<path fill="#fff" d="M0 4h2v8H0z" />
<g fill="#428dff">
<circle cx="1" cy="8" r="1" />
<path
fill-rule="nonzero"
d="M56 0H4a4 4 0 0 0-4 4 1 1 0 1 0 2 0 2 2 0 0 1 2-2h52a2 2 0 0 1 2 2v34a2 2 0 0 1-2 2H33v-1.812c.1-.061.209-.121.31-.188H54a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v30a2 2 0 0 0 2 2h20.69c.1.067.2.127.31.188V40H4a2 2 0 0 1-2-2V12a1 1 0 0 0-2 0v26a4 4 0 0 0 4 4h23v6h-9a4 4 0 0 0-4 4v1H3a3 3 0 0 0-3 3v1a3 3 0 0 0 3 3h54a3 3 0 0 0 3-3v-1a3 3 0 0 0-3-3H46v-1a4 4 0 0 0-3-3.858V46a2 2 0 0 0-2-2h-3a2 2 0 0 0-2 2v2h-3v-6h23a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4zM26 33a4 4 0 1 1 8 0 4 4 0 0 1-8 0zM6 6h48v30H35.188a6 6 0 1 0-10.376 0H6zm52 50v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h54a1 1 0 0 1 1 1zm-14-4v1H16v-1a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2zm-6-6h3v2h-3zm-9 2v-9.09a5.6 5.6 0 0 0 2 0V48z"
/>
<path
d="M13 32h-3v-3a1 1 0 0 0-2 0v3a2 2 0 0 0 2 2h3a1 1 0 0 0 0-2zM47 34h3a2 2 0 0 0 2-2v-3a1 1 0 0 0-2 0v3h-3a1 1 0 0 0 0 2zM47 10h3v3a1 1 0 0 0 2 0v-3a2 2 0 0 0-2-2h-3a1 1 0 0 0 0 2z"
/>
<path
fill-rule="nonzero"
d="M11 8H9a1 1 0 0 0-1 1v8a1 1 0 0 0 2 0v-3h.438a1 1 0 0 1 .971.757l.621 2.485a1 1 0 0 0 1.941-.484l-.621-2.487a2.984 2.984 0 0 0-.444-.973A2.987 2.987 0 0 0 11 8zm-1 4v-2h1a1 1 0 0 1 0 2z"
/>
<path
d="M20 10a1 1 0 0 0 0-2h-2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2a1 1 0 0 0 0-2h-2v-2h1a1 1 0 0 0 0-2h-1v-2zM29 15a1 1 0 0 0-2 0 1 1 0 0 1-2 0v-4a1 1 0 0 1 2 0 1 1 0 0 0 2 0 3 3 0 0 0-6 0v4a3 3 0 0 0 6 0z"
/>
<circle cx="32" cy="9" r="1" />
</g>
</g>
</svg>
More icons in the same style and category