Communication Blue
Communication Blue is built around the things people use to reach one another. The forms are the same pillowy cobalt blue and ivory clay as the rest of the blue family, but the shapes lean toward envelopes, bubbles and handsets, which are wide and low rather than tall.
Sixteen pieces: Mail, Chat, Phone, Video call, Megaphone, Bell, Announcement, Inbox, Send, Reply, Share, Contact, Translate, Quote, Hashtag and At sign. Send, Reply and Share are drawn as a matching trio, so an email or social toolbar gets a unified look, while Megaphone and Announcement serve broadcast messages.
Each file is a transparent PNG with a WebP copy. Widths run from 203 to 268 px and heights from 172 to 237 px, and the transparent edges blend into inbox-style layouts cleanly.
Where this set fits
- Toolbar icons in an email client or shared inbox mockup
- Contact-us page tiles for phone, chat and mail options
- Notification-settings illustrations in a customer app
- Newsletter header art for an internal team update
Integrate with one image and shared CSS
Includes a WebP sprite at 128px display size, shared animation styles, a React component and original files. The sprite renders the collection with one image request. Use individual WebP files when you need native resolution.
Collection developer kit ZIP<link rel="stylesheet" href="./assets.css"> <span class="cc-asset cc-mail-communication-blue cc-float" role="img" aria-label="Mail"></span>
cc-float · cc-pulse · cc-pop · cc-swing · cc-spin. Respects reduced motion and needs no animation library.
Free use
Free to download, modify, share and use in personal or commercial projects. Attribution is appreciated, not required. AI-generated assets are provided without exclusivity or warranty. This permission applies to the downloadable assets, not the entire Chatcument codebase.
Are these SVG files?
This collection contains raster images in PNG and WebP. Native vector SVG is not included.
