Add icons to this collection by clicking the heart icon.
Pop Up icon - also known as interface, bubble, chat, internet, web, website, notification, browser, web programming, computing, communications, seo and web, and pop up. Created in a clean lineal color style with a white, silver, gray, black, and lime 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-355.98c0-5.52-4.48-10-10-10h-477c-5.52 0-10 4.48-10 10V0c0 5.52 4.48 10 10 10h477C-4.48 10 0 5.52 0 0"
transform="translate(504.5 433.99)"
fill="#d1d0d8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-355.98c0-5.52-4.48-10-10-10h-119.78C-19.14-270.21-21.6-47.53-24.21 10H-10C-4.48 10 0 5.52 0 0"
transform="translate(504.5 433.99)"
fill="#aaaab2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-53.03h-497V0c0 5.52 4.48 10 10 10h477C-4.48 10 0 5.52 0 0"
transform="translate(504.5 433.99)"
fill="#898993"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-53.03h-23.83c.82 27.46.23 49.69-.38 63.03H-10C-4.48 10 0 5.52 0 0"
transform="translate(504.5 433.99)"
fill="#717177"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-137.957"
transform="translate(147.457 380.96)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-321.833"
transform="translate(502.5 380.96)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v95.886c0 5.523-4.477 10-10 10h-477c-5.523 0-10-4.477-10-10v-355.974c0-5.523 4.477-10 10-10h477c5.523 0 10 4.477 10 10v225.566"
transform="translate(504.5 338.101)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.113"
transform="translate(47.433 412.473)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.113"
transform="translate(70.076 412.473)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.113"
transform="translate(92.72 412.473)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h13.956"
transform="translate(450.61 412.473)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-310.603c-5.522 0-10 4.477-10 10v142.073c0 5.523 4.478 10 10 10H0c5.522 0 10-4.477 10-10V10C10 4.477 5.522 0 0 0"
transform="translate(411.301 181.927)"
fill="#e8e6ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-239.652c-5.523 0-10-4.477-10-10v-142.073c0-5.523 4.477-10 10-10H70.951c5.523 0 10 4.477 10 10V-10c0 5.523-4.477 10-10 10H34.523"
transform="translate(340.35 344)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-12.08c0-5.52-4.48-10-10-10h-79.96c-5.52 0-10 4.48-10 10V0c0 5.52 4.48 10 10 10H-10C-4.48 10 0 5.52 0 0"
transform="translate(305.98 231.968)"
fill="#1edb13"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-12.08c0-5.52-4.48-10-10-10h-26.46C-20.98-13.67-18.23-6.039-17.95 10H-10C-4.48 10 0 5.52 0 0"
transform="translate(305.98 231.968)"
fill="#06c126"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-79.957c-5.522 0-10 4.477-10 10v12.072c0 5.523 4.478 10 10 10H0c5.523 0 10-4.477 10-10V10C10 4.477 5.523 0 0 0Z"
transform="translate(295.98 209.893)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-14.878-12.062-26.94-26.94-26.94-14.878 0-26.94 12.062-26.94 26.94 0 14.879 12.062 26.94 26.94 26.94C-12.062 26.94 0 14.879 0 0"
transform="translate(184.037 127.502)"
fill="#898993"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-14.88-12.06-26.94-26.94-26.94-3.4 0-6.65.63-9.64 1.79C-26.47-21.28-19.29-11.48-19.29 0c0 11.48-7.18 21.28-17.29 25.15 2.99 1.16 6.24 1.79 9.64 1.79C-12.06 26.94 0 14.88 0 0"
transform="translate(184.036 127.504)"
fill="#717177"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-14.878-12.062-26.94-26.94-26.94-14.878 0-26.94 12.062-26.94 26.94 0 14.879 12.062 26.94 26.94 26.94C-12.062 26.94 0 14.879 0 0Z"
transform="translate(184.037 127.502)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-14.878-12.062-26.94-26.94-26.94-14.878 0-26.94 12.062-26.94 26.94 0 14.879 12.062 26.94 26.94 26.94C-12.062 26.94 0 14.879 0 0"
transform="translate(282.94 127.502)"
fill="#898993"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-14.88-12.06-26.94-26.94-26.94-3.4 0-6.65.63-9.64 1.79C-26.47-21.28-19.29-11.48-19.29 0c0 11.48-7.18 21.28-17.29 25.15 2.99 1.16 6.24 1.79 9.64 1.79C-12.06 26.94 0 14.88 0 0"
transform="translate(282.94 127.504)"
fill="#717177"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-14.878-12.062-26.94-26.94-26.94-14.878 0-26.94 12.062-26.94 26.94 0 14.879 12.062 26.94 26.94 26.94C-12.062 26.94 0 14.879 0 0Z"
transform="translate(282.94 127.502)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-14.878-12.062-26.94-26.94-26.94-14.878 0-26.94 12.062-26.94 26.94 0 14.879 12.062 26.94 26.94 26.94C-12.062 26.94 0 14.879 0 0"
transform="translate(381.843 127.502)"
fill="#1edb13"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-14.88-12.06-26.94-26.94-26.94-3.4 0-6.65.63-9.64 1.79C-26.47-21.28-19.29-11.48-19.29 0c0 11.48-7.18 21.28-17.29 25.15 2.99 1.16 6.24 1.79 9.64 1.79C-12.06 26.94 0 14.88 0 0"
transform="translate(381.842 127.504)"
fill="#06c126"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-14.878-12.062-26.94-26.94-26.94-14.878 0-26.94 12.062-26.94 26.94 0 14.879 12.062 26.94 26.94 26.94C-12.062 26.94 0 14.879 0 0Z"
transform="translate(381.843 127.502)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h188"
transform="translate(162 270.666)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h80"
transform="translate(270 292.666)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h80"
transform="translate(162 292.666)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h81.272"
transform="translate(215.364 314.666)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category