Add icons to this collection by clicking the heart icon.
App icon - also known as technology, screen, smartphone, mobile phone, touch screen, cellphone, coding, app, communications, and seo and web. Created in a clean lineal color style with a white, gray, 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="M469.333 64H106.667C83.135 64 64 83.135 64 106.667v362.667C64 492.865 83.135 512 106.667 512h362.667C492.865 512 512 492.865 512 469.333V106.667C512 83.135 492.865 64 469.333 64z"
fill="#303c42"
/>
<path
d="M106.667 85.333h362.667c11.76 0 21.333 9.573 21.333 21.333v42.667H85.333v-42.667c0-11.76 9.573-21.333 21.334-21.333z"
fill="#5c6671"
/>
<linearGradient
id="a"
x1="-41.352"
x2="-24.895"
y1="644.603"
y2="636.929"
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="M106.667 85.333h362.667c11.76 0 21.333 9.573 21.333 21.333v42.667H85.333v-42.667c0-11.76 9.573-21.333 21.334-21.333z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-38.556"
x2="-27.85"
y1="646.045"
y2="635.338"
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="M106.667 85.333h362.667c11.76 0 21.333 9.573 21.333 21.333v42.667H85.333v-42.667c0-11.76 9.573-21.333 21.334-21.333z"
fill="url(#b)"
/>
<path
d="M469.333 490.667H106.667c-11.76 0-21.333-9.573-21.333-21.333V170.667h405.333v298.667c0 11.76-9.573 21.333-21.334 21.333z"
fill="#fff"
/>
<path
d="M405.333 0H42.667C19.135 0 0 19.135 0 42.667v362.667C0 428.865 19.135 448 42.667 448h362.667C428.865 448 448 428.865 448 405.333V42.667C448 19.135 428.865 0 405.333 0z"
fill="#303c42"
/>
<path
d="M42.667 21.333h362.667c11.76 0 21.333 9.573 21.333 21.333v42.667H21.333V42.667c0-11.761 9.573-21.334 21.334-21.334z"
fill="#5c6671"
/>
<linearGradient
id="c"
x1="-44.352"
x2="-27.895"
y1="647.603"
y2="639.929"
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="M42.667 21.333h362.667c11.76 0 21.333 9.573 21.333 21.333v42.667H21.333V42.667c0-11.761 9.573-21.334 21.334-21.334z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-41.556"
x2="-30.85"
y1="649.045"
y2="638.338"
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="M42.667 21.333h362.667c11.76 0 21.333 9.573 21.333 21.333v42.667H21.333V42.667c0-11.761 9.573-21.334 21.334-21.334z"
fill="url(#d)"
/>
<path
d="M405.333 426.667H42.667c-11.76 0-21.333-9.573-21.333-21.333V106.667h405.333v298.667c0 11.76-9.573 21.333-21.334 21.333z"
fill="#fff"
/>
<circle cx="53.333" cy="53.333" r="10.667" fill="#303c42" />
<circle cx="96" cy="53.333" r="10.667" fill="#303c42" />
<circle cx="138.667" cy="53.333" r="10.667" fill="#303c42" />
<linearGradient
id="e"
x1="-48.56"
x2="-20.846"
y1="640.946"
y2="628.023"
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="M469.333 64H448V42.667C448 19.135 428.865 0 405.333 0H42.667C19.135 0 0 19.135 0 42.667v362.667C0 428.865 19.135 448 42.667 448H64v21.333C64 492.865 83.135 512 106.667 512h362.667C492.865 512 512 492.865 512 469.333V106.667C512 83.135 492.865 64 469.333 64z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category