Add icons to this collection by clicking the heart icon.
Menu icon - also known as window, computer, app, interface, options, menu, and ui. Created in a clean outline color 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 512 512"
>
<g id="Layer_50">
<rect fill="#7fa3f8" height="352" rx="32" width="480" x="16" y="32" />
<path
d="m496 288v-224a32 32 0 0 0 -32-32h-416a31.67 31.67 0 0 0 -16 4.438v219.562a32 32 0 0 0 32 32z"
fill="#acc9fb"
/>
<path
d="m16 304v48a32 32 0 0 0 32 32h416a32 32 0 0 0 32-32v-48z"
fill="#686868"
/>
<path
d="m32 336a32 32 0 0 0 32 32h427.562a31.673 31.673 0 0 0 4.438-16v-48h-464z"
fill="#939393"
/>
<path
d="m334.311 444.622a135.547 135.547 0 0 1 -14.311-60.622h-128a135.547 135.547 0 0 1 -14.311 60.622l-1.689 3.378h160z"
fill="#939393"
/>
<path
d="m320 384h-112a135.547 135.547 0 0 1 -14.311 60.622l-1.689 3.378h144l-1.689-3.378a135.547 135.547 0 0 1 -14.311-60.622z"
fill="#b5b5b5"
/>
<path
d="m144 480v-8a24 24 0 0 1 24-24h176a24 24 0 0 1 24 24v8z"
fill="#686868"
/>
<path
d="m344 448h-152a24 24 0 0 0 -24 24v8h200v-8a24 24 0 0 0 -24-24z"
fill="#939393"
/>
<rect fill="#f2f2f2" height="48" rx="24" width="304" x="144" y="144" />
<path
d="m424 144h-256a23.718 23.718 0 0 0 -6.878 1.122 23.718 23.718 0 0 0 -1.122 6.878 24 24 0 0 0 24 24h262.53a23.769 23.769 0 0 0 -22.53-32z"
fill="#fff"
/>
<circle cx="88" cy="248" fill="#f2f2f2" r="24" />
<ellipse cx="96" cy="248" fill="#fff" rx="16" ry="22.53" />
<circle cx="88" cy="168" fill="#f2f2f2" r="24" />
<ellipse cx="96" cy="168" fill="#fff" rx="16" ry="22.53" />
<circle cx="88" cy="88" fill="#f2f2f2" r="24" />
<ellipse cx="96" cy="88" fill="#fff" rx="16" ry="22.53" />
<rect fill="#f2f2f2" height="48" rx="24" width="304" x="144" y="64" />
<path
d="m424 64h-256a23.718 23.718 0 0 0 -6.878 1.122 23.718 23.718 0 0 0 -1.122 6.878 24 24 0 0 0 24 24h262.53a23.769 23.769 0 0 0 -22.53-32z"
fill="#fff"
/>
<rect fill="#f2f2f2" height="48" rx="24" width="304" x="144" y="224" />
<path
d="m424 224h-256a23.718 23.718 0 0 0 -6.878 1.122 23.718 23.718 0 0 0 -1.122 6.878 24 24 0 0 0 24 24h262.53a23.769 23.769 0 0 0 -22.53-32z"
fill="#fff"
/>
<path
d="m464 24h-416a40.047 40.047 0 0 0 -40 40v288a40.047 40.047 0 0 0 40 40h135.531a128.078 128.078 0 0 1 -12.551 48h-2.98a32.032 32.032 0 0 0 -32 32v8a8 8 0 0 0 8 8h160a8 8 0 0 0 0-16h-152a16.021 16.021 0 0 1 16-16h176a16.021 16.021 0 0 1 16 16h-24a8 8 0 0 0 0 16h32a8 8 0 0 0 8-8v-8a32.032 32.032 0 0 0 -32-32h-2.98a128.078 128.078 0 0 1 -12.551-48h135.531a40.047 40.047 0 0 0 40-40v-288a40.047 40.047 0 0 0 -40-40zm-140.6 416h-134.8a144.636 144.636 0 0 0 11.164-48h112.47a144.636 144.636 0 0 0 11.166 48zm140.6-64h-416a24.027 24.027 0 0 1 -24-24v-40h32a8 8 0 0 0 0-16h-32v-232a24.027 24.027 0 0 1 24-24h416a24.027 24.027 0 0 1 24 24v232h-400a8 8 0 0 0 0 16h400v40a24.027 24.027 0 0 1 -24 24z"
/>
<path d="m280 336h-48a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16z" />
<path
d="m88 120a32 32 0 1 0 -32-32 32.032 32.032 0 0 0 32 32zm0-48a16 16 0 1 1 -16 16 16.021 16.021 0 0 1 16-16z"
/>
<path
d="m168 120h256a32 32 0 0 0 0-64h-16a8 8 0 0 0 0 16h16a16 16 0 0 1 0 32h-256a16 16 0 0 1 0-32h208a8 8 0 0 0 0-16h-208a32 32 0 0 0 0 64z"
/>
<path
d="m88 200a32 32 0 1 0 -32-32 32.032 32.032 0 0 0 32 32zm0-48a16 16 0 1 1 -16 16 16.021 16.021 0 0 1 16-16z"
/>
<path
d="m168 200h256a32 32 0 0 0 0-64h-256a32 32 0 0 0 0 64zm0-48h256a16 16 0 0 1 0 32h-256a16 16 0 0 1 0-32z"
/>
<path
d="m120 248a32 32 0 1 0 -32 32 32.032 32.032 0 0 0 32-32zm-48 0a16 16 0 1 1 16 16 16.021 16.021 0 0 1 -16-16z"
/>
<path
d="m168 280h256a32 32 0 0 0 0-64h-256a32 32 0 0 0 0 64zm0-48h256a16 16 0 0 1 0 32h-256a16 16 0 0 1 0-32z"
/>
</g>
</svg>
More icons in the same style and category