outline
1. Color
Original icon colors are kept until you pick a new color.
2. Canvas Backdrop and Transforms
3. Live Vector Animation Presets
Included in SVG export
Message SVG Icon
Source, author, and license are available in the preview and icon details. Message - Free for commercial use. License shown on every icon.. No Sign-Up Required | 100% Browser-Based Processing
Instant Vector and High-DPI Raster Downloads
Original icon colors are kept until you pick a new color.
message.svg (482 B)
Quick Copy for Developers and UI Frameworks
Live Code Output
<svg id="i-msg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="36" height="36" role="img" aria-label="Message icon"><title>Message - Bytesize Icons icon</title><desc>Free Message vector icon from the Bytesize Icons open-source icon library; outline style, MIT licence, viewBox 0 0 32 32, 256 bytes.</desc>
<path d="M2 4 L30 4 30 22 16 22 8 29 8 22 2 22 Z" />
</svg>
AI Prompt and Vector Enhancer
Want to Improve or Restyle This Icon? Message
Generate a precise engineering prompt, or improve the icon on the canvas right now. Message
100% client-side prompt builder
Icon Source and License Verification
LICENSE.txt
Library: Bytesize Icons | Author: Dan Klammer | License: MIT | Source: https://github.com/danklammer/bytesize-icons | No Sign-Up Required | 100% Browser-Based Processing
Keywords
#message
#bytesize
#interface
#outline
Message - Technical Vector Specifications
Source, author, and license are available in the preview and icon details. Message
| Canonical asset identifier | bytesize/message |
|---|---|
| Source library pack | Bytesize Icons |
| Coordinate grid and viewBox | viewBox="0 0 32 32" |
| Uncompressed payload | 482 bytes (~265 bytes gzipped) |
| SPDX license and commercial use | MIT - Free for commercial use |
| Upstream Source | https://github.com/danklammer/bytesize-icons |
| Supported export targets | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Security and privacy guarantee | No Sign-Up Required | 100% Browser-Based Processing |
How to Use and Customize This Icon: Message
- Customize visually: Color, Auto (Stroke and Fill), Stroke Width (
0.5px-4px), Live Vector Animation Presets - Download vector or raster: Download SVG, PNG (Transparent), WebP (Optimized) (
2048x2048 px) - Copy framework code: Copy ready code for React, Next.js, Vue 3, Svelte, Angular, HTML, and CSS masks.
- Deep vector editing: Edit in SVG Editor (77,087)
Accessibility tip (WCAG 2.1): Hide decorative icons with aria-hidden and focusable false. Give icon-only buttons a clear aria-label. Flip arrows and chevrons horizontally for right-to-left languages.
message.svg aria-hidden="true" focusable="false"
Cross-Library Matches ("Message")
Compare this icon across other open-source vector libraries.
outline
Message
IconPark|interfaceMore in User Interface (UI/UX)
Browseoutline
Message
IconPark|interfaceoutline
Circle
Tabler Icons|interfaceoutline
Circuit Switch Closed
Tabler Icons|interfaceoutline
Clock
Tabler Icons|interfaceoutline
Action Vertical Split
Material Icons|interfaceduotone
Plus Minus
Phosphor Icons|interface
Puzzle Piece
Phosphor Icons|interface
AV 7k
Material Icons|interface
Scales
Phosphor Icons|interface
Hospitality Table
Domain Icons|interface
Legal Gavel
Domain Icons|interface
Communication Clear All
Material Icons|interface
Logistics Forklift
Domain Icons|interface
A
Lucide|interface
3 Square
Bootstrap Icons|interface
9 Circle
Bootstrap Icons|interface
Align Horizontal Justify Start
Lucide|interface
Avocado
SVG Icons Collection|interface
Cursor Circuit Glitch Copy
Mouse|interface
Certificate
Fluent UI Color|interface
Badge 8k
Bootstrap Icons|interface
Align Left
IconPark|interface
Archive
MingCute Icons|interface
Collapse Up
Open Iconic|interfaceExplore more
Frequently Asked Questions
Message - Frequently Asked Questions
What licence covers Message? +
Message comes from Bytesize Icons and is covered by MIT. Attribution: Credit required.
In which formats can I download Message? +
Message is a outline-style vector (viewBox 0 0 32 32). Download SVG, PNG, WebP or ICO, or copy React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask or Base64 code from this page.
Where does the Message icon come from? +
Message is part of the Bytesize Icons library by Dan Klammer, in the User Interface (UI/UX) category. The full licence text is in the library notice file linked on this page.
100% Browser-Based Processing | 77,087 icons
SVG Editor
Edit paths, layers, colors, and animations in your browser, then export clean SVG, PNG, or framework code.