Add icons to this collection by clicking the heart icon.
Add icon - also known as interface, add, website, multimedia, browser, web page, app, html, shapes and symbols, miscellaneous, 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 469.333 469.333"
>
<path
d="M170.667 0h-128C19.135 0 0 19.135 0 42.667v128c0 23.531 19.135 42.667 42.667 42.667h128c23.531 0 42.667-19.135 42.667-42.667v-128C213.333 19.135 194.198 0 170.667 0z"
fill="#303c42"
/>
<path
d="M192 170.667c0 11.76-9.573 21.333-21.333 21.333h-128c-11.76 0-21.333-9.573-21.333-21.333v-128c0-11.76 9.573-21.333 21.333-21.333h128c11.76 0 21.333 9.573 21.333 21.333v128z"
fill="#00b5ef"
/>
<path
d="M96 42.667h96c0-11.76-9.573-21.333-21.333-21.333h-128c-11.76 0-21.333 9.573-21.333 21.333v128c0 11.76 9.573 21.333 21.333 21.333h10.667V85.333C53.333 61.768 72.436 42.667 96 42.667z"
opacity=".2"
fill="#fff"
/>
<path
d="M426.667 0h-128C275.135 0 256 19.135 256 42.667v128c0 23.531 19.135 42.667 42.667 42.667h128c23.531 0 42.667-19.135 42.667-42.667v-128C469.333 19.135 450.198 0 426.667 0z"
fill="#303c42"
/>
<path
d="M448 170.667c0 11.76-9.573 21.333-21.333 21.333h-128c-11.76 0-21.333-9.573-21.333-21.333v-128c0-11.76 9.573-21.333 21.333-21.333h128c11.76 0 21.333 9.573 21.333 21.333v128z"
fill="#00b5ef"
/>
<path
d="M352 42.667h96c0-11.76-9.573-21.333-21.333-21.333h-128c-11.76 0-21.333 9.573-21.333 21.333v128c0 11.76 9.573 21.333 21.333 21.333h10.667V85.333c-.001-23.565 19.102-42.666 42.666-42.666z"
opacity=".2"
fill="#fff"
/>
<path
d="M170.667 256h-128C19.135 256 0 275.135 0 298.667v128c0 23.531 19.135 42.667 42.667 42.667h128c23.531 0 42.667-19.135 42.667-42.667v-128C213.333 275.135 194.198 256 170.667 256z"
fill="#303c42"
/>
<path
d="M192 426.667c0 11.76-9.573 21.333-21.333 21.333h-128c-11.76 0-21.333-9.573-21.333-21.333v-128c0-11.76 9.573-21.333 21.333-21.333h128c11.76 0 21.333 9.573 21.333 21.333v128z"
fill="#00b5ef"
/>
<path
d="M416 352h-42.667v-42.667a10.66 10.66 0 0 0-10.667-10.667 10.66 10.66 0 0 0-10.667 10.667V352h-42.667a10.66 10.66 0 0 0-10.667 10.667 10.66 10.66 0 0 0 10.667 10.667H352V416a10.66 10.66 0 0 0 10.667 10.667A10.66 10.66 0 0 0 373.334 416v-42.667H416a10.66 10.66 0 0 0 10.667-10.667A10.66 10.66 0 0 0 416 352z"
fill="#69b342"
/>
<path
d="M96 298.667h96c0-11.76-9.573-21.333-21.333-21.333h-128c-11.76 0-21.333 9.573-21.333 21.333v128c0 11.76 9.573 21.333 21.333 21.333h10.667V341.333c-.001-23.565 19.102-42.666 42.666-42.666z"
opacity=".2"
fill="#fff"
/>
<linearGradient
id="a"
x1="-68.689"
x2="-46.303"
y1="619.051"
y2="608.612"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M170.667 0h-128C19.135 0 0 19.135 0 42.667v128c0 23.531 19.135 42.667 42.667 42.667h128c23.531 0 42.667-19.135 42.667-42.667v-128C213.333 19.135 194.198 0 170.667 0zm256 0h-128C275.135 0 256 19.135 256 42.667v128c0 23.531 19.135 42.667 42.667 42.667h128c23.531 0 42.667-19.135 42.667-42.667v-128C469.333 19.135 450.198 0 426.667 0zm-256 256h-128C19.135 256 0 275.135 0 298.667v128c0 23.531 19.135 42.667 42.667 42.667h128c23.531 0 42.667-19.135 42.667-42.667v-128C213.333 275.135 194.198 256 170.667 256zM416 352h-42.667v-42.667a10.66 10.66 0 0 0-10.667-10.667 10.66 10.66 0 0 0-10.667 10.667V352h-42.667a10.66 10.66 0 0 0-10.667 10.667 10.66 10.66 0 0 0 10.667 10.667H352V416a10.66 10.66 0 0 0 10.667 10.667A10.66 10.66 0 0 0 373.334 416v-42.667H416a10.66 10.66 0 0 0 10.667-10.667A10.66 10.66 0 0 0 416 352z"
fill="url(#a)"
/>
</svg>
More icons in the same style and category