Add icons to this collection by clicking the heart icon.
Interface icon - also known as interface, web design, post, multimedia, design, browser, webpage, content, seo and web, and posting. Created in a clean outline color style with a white, silver, gray, orange, and pink 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="512"
height="512"
viewBox="0 0 64 64"
>
<g>
<path
fill="#d6e4e8"
d="M1 15h62v38a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V15z"
/>
<path
fill="#baced3"
d="M53.15 21.85a2.9 2.9 0 0 0-4.1 0l-.684.684-13.682 13.678L34 41l4.788-.684 13.678-13.679.684-.684a2.9 2.9 0 0 0 0-4.103z"
/>
<path
fill="#baced3"
d="M41 52A37 37 0 0 1 4 15H1v38a2 2 0 0 0 2 2h58a2 2 0 0 0 2-2v-1z"
/>
<path fill="#8e969b" d="M3 9h58a2 2 0 0 1 2 2v4H1v-4a2 2 0 0 1 2-2z" />
<path fill="#778084" d="M6 9H3a2 2 0 0 0-2 2v4h3v-4a2 2 0 0 1 2-2z" />
<rect width="50" height="24" x="7" y="23" fill="#fcab68" rx="2" />
<path
fill="#ea8e49"
d="M9 47h13.434A37.135 37.135 0 0 1 7 29.606V45a2 2 0 0 0 2 2zM34.684 36.212 34 41l4.788-.684 13.678-13.679.684-.684A2.89 2.89 0 0 0 53.844 23H47.9z"
/>
<path
fill="#8e969b"
d="m37.677 36.213 13.677-13.677 4.103 4.103L41.78 40.316z"
/>
<path
fill="#778084"
d="m40.28 38.816 13.678-13.677 1.5 1.5L41.78 40.315z"
/>
<path
fill="#ffd3b6"
d="m55.466 26.637-4.1-4.1.684-.684a2.9 2.9 0 0 1 4.1 0 2.9 2.9 0 0 1 0 4.1z"
/>
<path
fill="#f9b995"
d="M56.15 21.85a2.862 2.862 0 0 0-.9-.6 2.9 2.9 0 0 1-.6 3.207l-.684.684 1.5 1.5.684-.684a2.9 2.9 0 0 0 0-4.107z"
/>
<path fill="#ffd3b6" d="M37.684 36.212 37 41l4.788-.684z" />
<path fill="#f9b995" d="m40.288 38.816-3.038.434L37 41l4.788-.684z" />
<path
d="M61 8H3a3 3 0 0 0-3 3v42a3 3 0 0 0 3 3h58a3 3 0 0 0 3-3V11a3 3 0 0 0-3-3zM2 11a1 1 0 0 1 1-1h58a1 1 0 0 1 1 1v3H2zm60 42a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V16h60z"
/>
<circle cx="5" cy="12" r="1" />
<circle cx="9" cy="12" r="1" />
<circle cx="13" cy="12" r="1" />
<path
d="m36.694 36.071-.684 4.787A1 1 0 0 0 37 42a.978.978 0 0 0 .142-.01l4.787-.684a1 1 0 0 0 .566-.283l14.362-14.362a3.9 3.9 0 0 0 0-5.518 3.994 3.994 0 0 0-5.518 0L36.977 35.505a1 1 0 0 0-.283.566zm1.7 2.263 1.275 1.275-1.487.212zm3.4.568-2.69-2.69 12.259-12.264 2.689 2.689zm13.649-16.345a1.9 1.9 0 0 1 .023 2.666l-2.689-2.689a1.948 1.948 0 0 1 2.666.023z"
/>
<path
d="m49.972 26.614-8.207 8.207a1 1 0 1 0 1.414 1.414l8.207-8.207a1 1 0 1 0-1.414-1.414zM40 29a1 1 0 0 0-1-1H25a1 1 0 0 0 0 2h14a1 1 0 0 0 1-1zM21 30a1 1 0 0 0 0-2h-6a1 1 0 0 0 0 2zM33 34H19a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2zM10 35a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2h-4a1 1 0 0 0-1 1zM33 40h-8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2zM11 42h10a1 1 0 0 0 0-2H11a1 1 0 0 0 0 2z"
/>
<path
d="M9 48h46a3 3 0 0 0 3-3V29a1 1 0 0 0-2 0v16a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V25a1 1 0 0 1 1-1h36a1 1 0 0 0 0-2H9a3 3 0 0 0-3 3v20a3 3 0 0 0 3 3z"
/>
<path d="M47 40a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2z" />
<rect width="4" height="2" x="58" y="16" fill="#fff" rx="1" />
</g>
</svg>
More icons in the same style and category