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 Scroll Snap SVG Icon
Source, author, and license are available in the preview and icon details. Anim Scroll Snap - 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.
anim-scroll-snap.svg (1,298 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 Scroll Snap icon"><title>Anim Scroll Snap - Mouse icon</title><desc>Free Anim Scroll Snap vector icon from the Mouse open-source icon library; outline style, MIT licence, viewBox 0 0 48 48, 1035 bytes.</desc>
<style>@keyframes mn36-snap{0%{transform:translateY(0)}25%{transform:translateY(9px)}50%{transform:translateY(9px)}75%{transform:translateY(18px)}100%{transform:translateY(18px)}}@keyframes mn36-dash{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-8}}.nx4955_mn36-s{animation:mn36-snap 2.4s cubic-bezier(.6,0,.4,1) infinite}.nx4955_mn36-d{animation:mn36-dash .7s linear infinite}@media (prefers-reduced-motion: reduce){*{animation:none!important}}</style><path d="M12 6h9M12 15h9M12 24h9M12 33h9" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3 3.4"/><g class="nx4955_mn36-s"><path d="M32 8H32A2 2 0 0 1 34 10V15A2 2 0 0 1 32 17H32A2 2 0 0 1 30 15V10A2 2 0 0 1 32 8Z" fill="currentColor" fill-opacity="1.0"/></g><g class="nx4955_mn36-d"><path d="M36 4v32" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="2.4 2.4"/></g>
</svg>
AI Prompt and Vector Enhancer
Want to Improve or Restyle This Icon? Anim Scroll Snap
Generate a precise engineering prompt, or improve the icon on the canvas right now. Anim Scroll Snap
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
#scroll
#snap
#mouse
#interface
#outline
Anim Scroll Snap - Technical Vector Specifications
Source, author, and license are available in the preview and icon details. Anim Scroll Snap
| Canonical asset identifier | mouse/anim-scroll-snap |
|---|---|
| Source library pack | Mouse |
| Coordinate grid and viewBox | viewBox="0 0 48 48" |
| Uncompressed payload | 1,298 bytes (~714 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 Scroll Snap
- 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-scroll-snap.svg aria-hidden="true" focusable="false"
More in User Interface (UI/UX)
Browseoutline
Trash
Heroicons|interfaceoutline
User
Heroicons|interfaceoutline
Squiggle
Lucide|interfacesolid
Device Water
Material Icons|interfaceoutline
Number Square Four
Phosphor Icons|interface
Number Two
Phosphor Icons|interface
Editor Border
Material Icons|interface
Timeline Event
Tabler Icons|interface
Versions
Tabler Icons|interface
Font Search
IconPark|interface
Abacus Off
Tabler Icons|interface
Palette
MingCute Icons|interface
Communications Antenna
Domain Icons|interface
Pavilion
MingCute Icons|interface
Game Three
IconPark|interface
Cookie
Bootstrap Icons|interface
Mountain Snow
Lucide|interface
Pisces
MingCute Icons Fill|interface
Plugin
MingCute Icons Fill|interface
Graphic Stitching Three
IconPark|interface
Hardware Device Hub
Material Icons|interface
Rare Fog Lights
MingCute Icons Fill|interface
Panel Left Open
Lucide|interfaceExplore more
Frequently Asked Questions
Anim Scroll Snap - Frequently Asked Questions
What licence covers Anim Scroll Snap? +
Anim Scroll Snap comes from Mouse and is covered by MIT. Attribution: Credit required.
In which formats can I download Anim Scroll Snap? +
Anim Scroll Snap 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 Scroll Snap icon come from? +
Anim Scroll Snap 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.