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
Anim Button Press SVG Icon
Source, author, and license are available in the preview and icon details. Anim Button Press - 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.
Bundle with credits
anim-button-press.svg (1,286 B)
Quick Copy for Developers and UI Frameworks
Live Code Output
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none" width="36" height="36" role="img" aria-label="Anim Button Press icon"><title>Anim Button Press - Mouse icon</title><desc>Free Anim Button Press vector icon from the Mouse open-source icon library; outline style, MIT licence, viewBox 0 0 48 48, 1020 bytes.</desc>
<style>@keyframes mn49-pr{0,55,100%{transform:scale(1)}72,86%{transform:scale(.955)}}@keyframes mn49-rip{0,60%{opacity:0;transform:scale(.4)}70%{opacity:.5}100%{opacity:0;transform:scale(1.4)}}.nx3899_mn49-b{animation:mn49-pr 1.8s ease-in-out infinite;transform-origin:24px 24px}.nx3899_mn49-r{animation:mn49-rip 1.8s ease-out infinite;transform-origin:24px 24px}@media (prefers-reduced-motion: reduce){*{animation:none!important}}</style><g class="nx3899_mn49-r"><path d="M17 16H31A8 8 0 0 1 39 24V24A8 8 0 0 1 31 32H17A8 8 0 0 1 9 24V24A8 8 0 0 1 17 16Z" fill="none" stroke="currentColor" stroke-width="2.0" stroke-linecap="round" stroke-linejoin="round"/></g><g class="nx3899_mn49-b"><path d="M17 16H31A8 8 0 0 1 39 24V24A8 8 0 0 1 31 32H17A8 8 0 0 1 9 24V24A8 8 0 0 1 17 16Z" fill="currentColor" fill-opacity="0.9"/><path d="M17 24h9" fill="none" stroke="currentColor" stroke-width="2.0" stroke-linecap="round" stroke-linejoin="round"/></g>
</svg>
AI Prompt and Vector Enhancer
Want to Improve or Restyle This Icon? Anim Button Press
Generate a precise engineering prompt, or improve the icon on the canvas right now. Anim Button Press
100% client-side prompt builder
Icon Source and License Verification
LICENSE.txt
Library: Mouse | Author: Mouse Contributors | License: MIT | No Sign-Up Required | 100% Browser-Based Processing
Keywords
#anim
#button
#press
#mouse
#interface
#outline
Anim Button Press - Technical Vector Specifications
Source, author, and license are available in the preview and icon details. Anim Button Press
| Canonical asset identifier | mouse/anim-button-press |
|---|---|
| Source library pack | Mouse |
| Coordinate grid and viewBox | viewBox="0 0 48 48" |
| Uncompressed payload | 1,286 bytes (~707 bytes gzipped) |
| SPDX license and commercial use | MIT - Free for commercial use |
| 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: Anim Button Press
- 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.
anim-button-press.svg aria-hidden="true" focusable="false"
More in User Interface (UI/UX)
Browseoutline
Action Pregnant Woman
Material Icons|interfaceoutline
Action Rowing
Material Icons|interfaceoutline
Tech Circuit
Domain Icons|interfaceoutline
Arrows In Line Vertical
Phosphor Icons|interfaceoutline
Action Switch Access Shortcut
Material Icons|interface
Number
Tabler Icons|interface
Number
Tabler Icons|interface
Pentagon Number
Tabler Icons|interface
Cell Signal Slash
Phosphor Icons|interface
Clock Counter Clockwise
Phosphor Icons|interface
Abs
MingCute Icons|interface
Accessibility Access
Domain Icons|interface
Bell
Bytesize Icons|interface
Anthropic
SVG Icons Collection|interface
Clock Circle
Ant Design TwoTone|interface
Copyright
Ant Design TwoTone|interface
British Pound
Open Iconic|interface
Backpack
Bootstrap Icons|interface
Fullscreen
Bytesize Icons|interface
Badge Cc
Bootstrap Icons|interface
Badge Wc
Bootstrap Icons|interface
Collapse Down
Open Iconic|interface
Data Line
Fluent UI Color|interfaceExplore more
Frequently Asked Questions
Anim Button Press - Frequently Asked Questions
What licence covers Anim Button Press? +
Anim Button Press comes from Mouse and is covered by MIT. Attribution: Credit required.
In which formats can I download Anim Button Press? +
Anim Button Press is a outline-style vector (viewBox 0 0 48 48). 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 Anim Button Press icon come from? +
Anim Button Press is part of the Mouse library by Mouse Contributors, 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.