solid
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
Button SVG Icon
Source, author, and license are available in the preview and icon details. Button - 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.
button.svg (638 B)
Quick Copy for Developers and UI Frameworks
Live Code Output
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="36" height="36" fill="currentColor" role="img" aria-label="Button icon"><title>Button - MingCute Icons icon</title><desc>Free Button vector icon from the MingCute Icons open-source icon library; outline style, Apache-2.0 licence, viewBox 0 0 24 24, 366 bytes.</desc><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.5 10v4m3-4L14 12.5h1l1.5 1.5m-7.25 0a1.75 1.75 0 0 1-1.75-1.75v-.5a1.75 1.75 0 1 1 3.5 0v.5A1.75 1.75 0 0 1 9.25 14M5 18h14a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2"/></svg>
AI Prompt and Vector Enhancer
Want to Improve or Restyle This Icon? Button
Generate a precise engineering prompt, or improve the icon on the canvas right now. Button
100% client-side prompt builder
Icon Source and License Verification
LICENSE.txt
Library: MingCute Icons | Author: MingCute Design | License: Apache-2.0 | Source: https://github.com/mingcute-design/mingcute-icons | No Sign-Up Required | 100% Browser-Based Processing
Keywords
#button
#mingcute
#interface
#outline
Button - Technical Vector Specifications
Source, author, and license are available in the preview and icon details. Button
| Canonical asset identifier | mingcute/button |
|---|---|
| Source library pack | MingCute Icons |
| Coordinate grid and viewBox | viewBox="0 0 24 24" |
| Uncompressed payload | 638 bytes (~351 bytes gzipped) |
| SPDX license and commercial use | Apache-2.0 - Free for commercial use |
| Upstream Source | https://github.com/mingcute-design/mingcute-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: Button
- 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.
button.svg aria-hidden="true" focusable="false"
Cross-Library Matches ("Button")
Compare this icon across other open-source vector libraries.
More in User Interface (UI/UX)
Browsesolid
Button
MingCute Icons Fill|interfaceoutline
Maps Fire Hydrant Alt
Material Icons|interfaceoutline
Hexagon Letter F
Tabler Icons|interfaceoutline
Maps Local Pizza
Material Icons|interfaceoutline
Public Services Courthouse
Domain Icons|interfaceoutline
Maps No Transfer
Material Icons|interface
Intersection
Phosphor Icons|interface
Public Services Water
Domain Icons|interface
HTTP Patch Off
Tabler Icons|interface
Magnet Straight
Phosphor Icons|interface
Microphone Slash
Phosphor Icons|interface
Lambda
Tabler Icons|interface
Retail Box
Domain Icons|interface
Adjustments Vertical
Heroicons|interface
Book
Ant Design TwoTone|interface
Add Mode
IconPark|interface
Check Square
Ant Design TwoTone|interface
Add Two
IconPark|interface
Beaker
Open Iconic|interface
Brush
Open Iconic|interface
Backpack3
Bootstrap Icons|interface
Brain
SVG Icons Collection|interface
Banknotes
Heroicons|interface
Clickhouse
SVG Icons Collection|interfaceExplore more
Frequently Asked Questions
Button - Frequently Asked Questions
What licence covers Button? +
Button comes from MingCute Icons and is covered by Apache-2.0. Attribution: Credit required.
In which formats can I download Button? +
Button is a outline-style vector (viewBox 0 0 24 24). 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 Button icon come from? +
Button is part of the MingCute Icons library by MingCute Design, 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.