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 Dropdown Open SVG Icon
Source, author, and license are available in the preview and icon details. Anim Dropdown Open - 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-dropdown-open.svg (1,810 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 Dropdown Open icon"><title>Anim Dropdown Open - Mouse icon</title><desc>Free Anim Dropdown Open vector icon from the Mouse open-source icon library; outline style, MIT licence, viewBox 0 0 48 48, 1527 bytes.</desc>
<style>@keyframes mn48-op{0,20%{opacity:0;transform:translateY(-4px) scaleY(.86)}55,100%{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes mn48-it1{0,30%{opacity:0;transform:translateX(-4px)}55,100%{opacity:1;transform:translateX(0)}}@keyframes mn48-it2{0,44%{opacity:0;transform:translateX(-4px)}70,100%{opacity:1;transform:translateX(0)}}.nx4011_mn48-o{animation:mn48-op 2.4s ease-out infinite;transform-origin:24px 14px}.nx4011_mn48-i1{animation:mn48-it1 2.4s ease-out infinite}.nx4011_mn48-i2{animation:mn48-it2 2.4s ease-out infinite}@media (prefers-reduced-motion: reduce){*{animation:none!important}}</style><path d="M13 7H35A3 3 0 0 1 38 10V14A3 3 0 0 1 35 17H13A3 3 0 0 1 10 14V10A3 3 0 0 1 13 7Z" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/><path d="M31 11l3 3-3 3" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/><g class="nx4011_mn48-o"><path d="M13 20H35A3 3 0 0 1 38 23V37A3 3 0 0 1 35 40H13A3 3 0 0 1 10 37V23A3 3 0 0 1 13 20Z" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/></g><g class="nx4011_mn48-i1"><path d="M15 26h12" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></g><g class="nx4011_mn48-i2"><path d="M15 32h9" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></g>
</svg>
AI Prompt and Vector Enhancer
Want to Improve or Restyle This Icon? Anim Dropdown Open
Generate a precise engineering prompt, or improve the icon on the canvas right now. Anim Dropdown Open
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
#dropdown
#open
#mouse
#interface
#outline
Anim Dropdown Open - Technical Vector Specifications
Source, author, and license are available in the preview and icon details. Anim Dropdown Open
| Canonical asset identifier | mouse/anim-dropdown-open |
|---|---|
| Source library pack | Mouse |
| Coordinate grid and viewBox | viewBox="0 0 48 48" |
| Uncompressed payload | 1,810 bytes (~996 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 Dropdown Open
- 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 (76,166)
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-dropdown-open.svg aria-hidden="true" focusable="false"
More in User Interface (UI/UX)
Browseoutline
Pulse
Open Iconic|interfaceoutline
Masks Theater
Tabler Icons|interfaceoutline
Math Sin
Tabler Icons|interfacesolid
Superset Of
Phosphor Icons|interfacesolid
Test Tube
Phosphor Icons|interface
Action Commute
Material Icons|interface
Tote Simple
Phosphor Icons|interface
Mickey
Tabler Icons|interface
Action Flip To Back
Material Icons|interface
Sports Whistle
Domain Icons|interface
Action Logout
Material Icons|interface
Sustainability Water
Domain Icons|interface
Tech Network
Domain Icons|interface
Ad Circle Off
MingCute Icons|interface
Animal Paw Print
Fluent UI Color|interface
Add Three
IconPark|interface
Container
Ant Design TwoTone|interface
Align Bottom
MingCute Icons Fill|interface
Diff
Ant Design TwoTone|interface
Flag
Bytesize Icons|interface
Align Text Middle One
IconPark|interface
Search
Bytesize Icons|interface
Drafts
Fluent UI Color|interfaceExplore more
Frequently Asked Questions
Anim Dropdown Open - Frequently Asked Questions
What licence covers Anim Dropdown Open? +
Anim Dropdown Open comes from Mouse and is covered by MIT. Attribution: Credit required.
In which formats can I download Anim Dropdown Open? +
Anim Dropdown Open 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 Dropdown Open icon come from? +
Anim Dropdown Open 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 | 76,166 icons
SVG Editor
Edit paths, layers, colors, and animations in your browser, then export clean SVG, PNG, or framework code.