Add icons to this collection by clicking the heart icon.
Pop Up icon - also known as message, envelope, email, notification, browser, communications, and pop up. Created in a clean flat style with a white, silver, gray, yellow, orange, 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="512pt"
height="512pt"
viewBox="0 -37 512 512"
>
<path
fill="#e1ebf0"
d="M491.188 437.074H20.813C9.316 437.074 0 427.754 0 416.262V20.812C0 9.316 9.316 0 20.813 0h470.375C502.683 0 512 9.316 512 20.813v395.449c0 11.492-9.316 20.812-20.813 20.812zm0 0"
/>
<path
fill="#87a0af"
d="M491.188 0H20.813C9.316 0 0 9.32 0 20.813v62.44h512v-62.44C512 9.32 502.684 0 491.187 0zm0 0"
/>
<path
fill="#b4d2d7"
d="M491.188 0h-31.22c11.493 0 20.813 9.316 20.813 20.813v395.449c0 11.492-9.32 20.812-20.812 20.812h31.219c11.496 0 20.812-9.32 20.812-20.812V20.812C512 9.32 502.684 0 491.187 0zm0 0"
/>
<path
fill="#738c96"
d="M491.188 0h-31.22c11.493 0 20.813 9.316 20.813 20.813v62.44H512v-62.44C512 9.32 502.684 0 491.187 0zm0 0"
/>
<path
fill="#7af4ab"
d="M63.48 41.625c0 8.621-6.988 15.61-15.609 15.61s-15.61-6.989-15.61-15.61 6.989-15.61 15.61-15.61 15.61 6.989 15.61 15.61zm0 0"
/>
<path
fill="#ffe565"
d="M123.84 41.625c0 8.621-6.992 15.61-15.613 15.61-8.622 0-15.61-6.989-15.61-15.61s6.988-15.61 15.61-15.61c8.62 0 15.613 6.989 15.613 15.61zm0 0"
/>
<path
fill="#f294ba"
d="M184.195 41.625c0 8.621-6.988 15.61-15.61 15.61-8.62 0-15.608-6.989-15.608-15.61s6.988-15.61 15.609-15.61c8.621 0 15.61 6.989 15.61 15.61zm0 0"
/>
<path
fill="#fdc26b"
d="M408.977 171.707v175.59c0 3.113-1.375 5.91-3.551 7.824a10.354 10.354 0 0 1-6.856 2.582H115.512c-2.633 0-5.028-.976-6.86-2.582a10.407 10.407 0 0 1-3.547-7.824v-175.59c0-5.742 4.66-10.406 10.407-10.406H398.57c5.743 0 10.407 4.664 10.407 10.406zm0 0"
/>
<path
fill="#fcb54c"
d="M408.977 171.707v175.59c0 3.113-1.375 5.91-3.551 7.824a10.354 10.354 0 0 1-6.856 2.582h-4.007V243.73c0-6.71-7.223-10.925-13.06-7.628L262.16 303.527c-3.105 1.801-7.133 1.801-10.238 0l-146.817-82.949v-48.871c0-5.742 4.665-10.406 10.407-10.406H398.57c5.743 0 10.407 4.664 10.407 10.406zm0 0"
/>
<path
fill="#fba72d"
d="M405.426 355.121a10.354 10.354 0 0 1-6.856 2.582H115.512c-2.633 0-5.028-.976-6.86-2.582l102.535-74.601 10.981-7.985v-.008l34.871-25.37 34.871 25.37v.008l10.98 7.985 91.672 66.695zm0 0"
/>
<path
fill="#fa9a0f"
d="M405.426 355.121a10.354 10.354 0 0 1-6.856 2.582h-13.062l-95.82-69.723h-.012l-10.969-7.984-21.668-15.766-21.664 15.766-10.969 7.984h-.008l-95.824 69.723h-13.058c-2.633 0-5.028-.976-6.86-2.582l102.535-74.601 10.98-7.985v-.008l34.872-25.37 34.871 25.37v.008l10.98 7.985 91.668 66.695zm0 0"
/>
<path
fill="#fa9a0f"
d="m302.895 280.516-45.856-33.364-45.852 33.364 40.735 23.015a10.396 10.396 0 0 0 10.238 0zm0 0"
/>
<path
fill="#fecf8a"
d="M408.977 171.707v28.613c0 3.754-2.02 7.215-5.29 9.063l-111.773 63.144v.008L278.707 280l-16.547 9.344a10.377 10.377 0 0 1-10.238 0L235.375 280l-13.207-7.465v-.008l-111.773-63.144a10.415 10.415 0 0 1-5.29-9.063v-28.613c0-5.746 4.66-10.406 10.407-10.406H398.57c5.746 0 10.407 4.66 10.407 10.406zm0 0"
/>
<path
fill="#f294ba"
d="M440.195 161.3c0 17.243-13.976 31.22-31.218 31.22-17.243 0-31.22-13.977-31.22-31.22 0-17.241 13.977-31.218 31.22-31.218 17.242 0 31.218 13.977 31.218 31.219zm0 0"
/>
<path
fill="#ef75a7"
d="M425.547 134.848a31.068 31.068 0 0 1 4.762 16.566c0 17.242-13.977 31.223-31.22 31.223a31.05 31.05 0 0 1-16.57-4.766c5.524 8.797 15.305 14.649 26.458 14.649 17.242 0 31.218-13.977 31.218-31.22 0-11.152-5.851-20.933-14.648-26.452zm0 0"
/>
</svg>
More icons in the same style and category