Add icons to this collection by clicking the heart icon.
App icon - also known as smartphone, mobile phone, menu, mobile, cellphone, ui, electronics, app, widget, communications, apps, and seo and web. Created in a clean lineal color style with a white and navy 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M384 0H128c-23.531 0-42.667 19.135-42.667 42.667v426.667C85.333 492.865 104.469 512 128 512h256c23.531 0 42.667-19.135 42.667-42.667V42.667C426.667 19.135 407.531 0 384 0z"
fill="#303c42"
/>
<path
d="M128 21.333h256c11.76 0 21.333 9.573 21.333 21.333v362.667H106.667V42.667c0-11.761 9.573-21.334 21.333-21.334z"
fill="#cfe8fc"
/>
<linearGradient
id="a"
x1="-43.671"
x2="-25.576"
y1="640.484"
y2="632.048"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".4" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M128 21.333h256c11.76 0 21.333 9.573 21.333 21.333v362.667H106.667V42.667c0-11.761 9.573-21.334 21.333-21.334z"
fill="url(#a)"
/>
<path
d="M384 490.667H128c-11.76 0-21.333-9.573-21.333-21.333v-42.667h298.667v42.667c-.001 11.76-9.574 21.333-21.334 21.333z"
fill="#f2f2f2"
/>
<path
d="M245.333 64h21.333c5.896 0 10.667-4.771 10.667-10.667s-4.771-10.667-10.667-10.667h-21.333c-5.896 0-10.667 4.771-10.667 10.667S239.438 64 245.333 64zM288 448h-64a10.66 10.66 0 0 0-10.667 10.667A10.66 10.66 0 0 0 224 469.334h64a10.66 10.66 0 0 0 10.667-10.667A10.66 10.66 0 0 0 288 448z"
fill="#303c42"
/>
<circle cx="373.333" cy="53.333" r="10.667" fill="#303c42" />
<path
d="M160 213.333h64a10.66 10.66 0 0 0 10.667-10.667v-64A10.66 10.66 0 0 0 224 127.999h-64a10.66 10.66 0 0 0-10.667 10.667v64A10.66 10.66 0 0 0 160 213.333z"
fill="#303c42"
/>
<path d="M170.667 149.333h42.667V192h-42.667z" fill="#00b5ef" />
<path
d="M277.333 202.667A10.66 10.66 0 0 0 288 213.334h64a10.66 10.66 0 0 0 10.667-10.667v-64A10.66 10.66 0 0 0 352 128h-64a10.66 10.66 0 0 0-10.667 10.667v64z"
fill="#303c42"
/>
<path d="M298.667 149.333h42.667V192h-42.667z" fill="#00b5ef" />
<path
d="M160 341.333h64a10.66 10.66 0 0 0 10.667-10.667v-64A10.66 10.66 0 0 0 224 255.999h-64a10.66 10.66 0 0 0-10.667 10.667v64A10.66 10.66 0 0 0 160 341.333z"
fill="#303c42"
/>
<path d="M170.667 277.333h42.667V320h-42.667z" fill="#00b5ef" />
<path
d="M352 256h-64a10.66 10.66 0 0 0-10.667 10.667v64A10.66 10.66 0 0 0 288 341.334h64a10.66 10.66 0 0 0 10.667-10.667v-64A10.66 10.66 0 0 0 352 256z"
fill="#303c42"
/>
<path d="M298.667 277.333h42.667V320h-42.667z" fill="#00b5ef" />
<linearGradient
id="b"
x1="-45.274"
x2="-24.132"
y1="639.414"
y2="629.555"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M384 0H128c-23.531 0-42.667 19.135-42.667 42.667v426.667C85.333 492.865 104.469 512 128 512h256c23.531 0 42.667-19.135 42.667-42.667V42.667C426.667 19.135 407.531 0 384 0z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category