Add icons to this collection by clicking the heart icon.
User Interface icon - also known as ui, marketing strategy, sketch, seo and web, wireframe, online marketing, wireframes, ui design, digital marketing, and user interface. Created in a clean outline color style with a white, silver, gray, navy, purple, 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"
>
<path
fill="#f0f4f7"
d="M27.64 11.79a3.84 3.84 0 0 0-3.55 2.38l-.57 1.38a3.1 3.1 0 0 1-2.87 1.93H8v32.4A6.11 6.11 0 0 0 14.12 56h35.76A6.11 6.11 0 0 0 56 49.88v-32.4h-4.33a3.09 3.09 0 0 1-2.87-1.93l-.57-1.38a3.83 3.83 0 0 0-3.55-2.38zM14.2 21.48H50a2 2 0 0 1 2 2.06l-.08 26.34a2 2 0 0 1-2.06 2.06H14.12a2 2 0 0 1-2.06-2.06l.08-26.34a2 2 0 0 1 2.07-2.06z"
/>
<path
fill="#f6e782"
d="M14.12 8A6.11 6.11 0 0 0 8 14.12v3.36h12.65a3.1 3.1 0 0 0 2.87-1.93l.57-1.38a3.84 3.84 0 0 1 3.55-2.38h17a3.83 3.83 0 0 1 3.55 2.38l.57 1.38a3.09 3.09 0 0 0 2.87 1.93H56v-3.36A6.11 6.11 0 0 0 49.88 8zm-2.19 4.33a1.25 1.25 0 1 1-1.25 1.25 1.25 1.25 0 0 1 1.25-1.25zm4 0a1.25 1.25 0 1 1-1.25 1.25 1.25 1.25 0 0 1 1.24-1.25zm4 0a1.25 1.25 0 1 1-1.25 1.25 1.25 1.25 0 0 1 1.22-1.25z"
/>
<path
fill="#e0e9ee"
d="M52.73 17.48v32.4A6.11 6.11 0 0 1 46.61 56h3.27A6.11 6.11 0 0 0 56 49.88v-32.4z"
/>
<path
fill="#f5d96d"
d="M46.61 8a6.11 6.11 0 0 1 6.12 6.12v3.36H56v-3.36A6.11 6.11 0 0 0 49.88 8z"
/>
<path
fill="#e0e9ee"
d="M26.35 51.94v-5h4.55v5zm21.63-5v5h1.9a2 2 0 0 0 2.06-2.06L52 23.54a2 2 0 0 0-2-2.06H14.21a2 2 0 0 0-2.07 2.06l-.08 26.34a2 2 0 0 0 2.06 2.06h1.57V25.48h10.66v13.23l4.55-1.22v-12H48v17.07H35.73l-1.17 4.36z"
/>
<path fill="#f6e782" d="M30.9 25.48v12l6.67-1.8-1.84 6.87H48V25.48z" />
<path fill="#748a95" d="m26.35 38.71 11.23-3-3 11.23h-8.23z" />
<path fill="#dd5891" d="M15.69 25.48h10.66v26.46H15.69z" />
<path fill="#94d8e5" d="M30.9 51.94v-5H48v5z" />
<path fill="#617880" d="m37.57 35.69-4.31 1.16-2.7 10.07h4z" />
<path fill="#7bd1e0" d="M44 46.92v5h4v-5z" />
<path fill="#f5d96d" d="M44 25.48v17.08h4V25.48z" />
<path fill="#d9387c" d="M22.35 25.48v26.46h4V25.48z" />
<g fill="#00244c">
<path
d="M49.88 7H14.12A7.12 7.12 0 0 0 7 14.12v35.76A7.12 7.12 0 0 0 14.12 57h35.76A7.12 7.12 0 0 0 57 49.88V14.12A7.12 7.12 0 0 0 49.88 7zm0 48H14.12A5.13 5.13 0 0 1 9 49.88v-31.4h46v31.4A5.13 5.13 0 0 1 49.88 55zm-25.7-38.52a5.6 5.6 0 0 0 .27-.55l.55-1.38a2.83 2.83 0 0 1 2.62-1.76h17a2.83 2.83 0 0 1 2.63 1.76l.56 1.38a4.07 4.07 0 0 0 .28.55zm30.82 0h-3.33a2.1 2.1 0 0 1-2-1.31l-.56-1.38a4.82 4.82 0 0 0-4.48-3h-17a4.79 4.79 0 0 0-4.47 3l-.57 1.38a2.1 2.1 0 0 1-2 1.31H9v-2.36A5.13 5.13 0 0 1 14.12 9h35.76A5.13 5.13 0 0 1 55 14.12z"
/>
<circle cx="11.93" cy="13.58" r="1.25" />
<circle cx="15.92" cy="13.58" r="1.25" />
<circle cx="19.9" cy="13.58" r="1.25" />
<path
d="M49.92 20.48H14.16a3 3 0 0 0-3.06 3.05L11 49.88a3 3 0 0 0 3.06 3.06h35.78a3 3 0 0 0 3.06-3.06l.1-26.34a3 3 0 0 0-3.06-3.06zM16.69 50.94V26.48h8.66v24.46zm30.29 0H31.9v-3H47zm-19.63-3h2.55v3h-2.55zM38.28 35a1 1 0 0 0-1-.26l-5.38 1.44v-9.7H47v15.08H37L38.54 36a1 1 0 0 0-.26-1zm-2.12 2.12-2.37 8.81h-6.44v-6.45zM50.9 49.88a1 1 0 0 1-1.06 1.06H49v-4a1 1 0 0 0-1-1H35.86l.64-2.36H48a1 1 0 0 0 1-1v-17.1a1 1 0 0 0-1-1H30.9a1 1 0 0 0-1 1v11.24l-2.55.68V25.48a1 1 0 0 0-1-1H15.69a1 1 0 0 0-1 1v25.46h-.61a1 1 0 0 1-.78-.29 1 1 0 0 1-.28-.77l.08-26.34a1 1 0 0 1 1.06-1.06h35.76a1.08 1.08 0 0 1 .78.28 1 1 0 0 1 .28.77z"
/>
</g>
</svg>
More icons in the same style and category