outline
outline
MIT
5 Vektorknoten
1. Farbe
Die Originalfarben des Icons bleiben erhalten, bis Sie eine neue Farbe wählen.
2. Leinwandhintergrund und Transformationen
3. Live-Vektoranimationen
Im SVG-Export enthalten
Anim Hover Lift - Vektor- und 3D-Symbole
Quelle, Autor und Lizenz findest du in der Vorschau und in den Symboldetails. Anim Hover Lift - Kostenlos fuer kommerzielle und private Nutzung. Ohne Anmeldung | 100% im Browser verarbeitet
Sofortiger Vektor- und Hochaufloesungs-Download
Die Originalfarben des Icons bleiben erhalten, bis Sie eine neue Farbe wählen.
anim-hover-lift.svg (1,670 B)
Schnelles Kopieren fuer Entwickler und UI-Frameworks
Live-Code-Ausgabe
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none" width="36" height="36" role="img" aria-label="Anim Hover Lift icon"><title>Anim Hover Lift - Mouse icon</title><desc>Free Anim Hover Lift vector icon from the Mouse open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc>
<style>
@keyframes mcn08-lift{0,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes mcn08-glow{0,100%{opacity:0;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}@keyframes mcn08-fade{0,100%{opacity:.25}50%{opacity:.9}}
.nx8498_mcn08-lift{animation:mcn08-lift 2s cubic-bezier(.4,0,.4,1) infinite}.nx8498_mcn08-glow{animation:mcn08-glow 2s ease-in-out infinite;transform-origin:24px 40px}.nx8498_mcn08-fade{animation:mcn08-fade 2s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){*{animation:none!important}}
</style><g class="nx8498_mcn08-fade"><path d="M11 40a13 3.6 0 1 0 26 0a13 3.6 0 1 0 -26 0Z" fill="currentColor" fill-opacity="0.35"/></g><g class="nx8498_mcn08-glow"><path d="M12 40a12 3.2 0 1 0 24 0a12 3.2 0 1 0 -24 0Z" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></g><g class="nx8498_mcn08-lift"><path d="M16 12H32A4 4 0 0 1 36 16V28A4 4 0 0 1 32 32H16A4 4 0 0 1 12 28V16A4 4 0 0 1 16 12Z" fill="none" stroke="currentColor" stroke-width="2.0" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 20h12" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 25h7" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></g>
</svg>
KI-Prompt und Vektor-Verbesserung
Moechtest du dieses Symbol verbessern oder umstylen? Anim Hover Lift
Erzeuge einen genauen Engineering-Prompt oder verbessere das Symbol direkt auf der Leinwand. Anim Hover Lift
Prompt-Generator zu 100% im Browser
Pruefung von Quelle und Lizenz
LICENSE.txt
Library: Mouse | Author: Mouse Contributors | License: MIT | Ohne Anmeldung | 100% im Browser verarbeitet
Schlagwoerter
#anim
#hover
#lift
#mouse
#interface
#outline
#anim hover lift svg
#anim hover lift icon
#anim hover lift mouse
#anim hover lift react tsx
#anim hover lift vue
#anim hover lift png
Beliebt in Ihrer Sprache
kostenlose svg icons
vektor icons herunterladen
svg in png umwandeln online
kostenloser svg editor im browser
3d icons svg
svg datei optimieren
react svg komponente
svg mit css animieren
icons für kommerzielle nutzung
svg icon bibliothek
Anim Hover Lift - Technische Vektordaten
Quelle, Autor und Lizenz findest du in der Vorschau und in den Symboldetails. Anim Hover Lift
| Kanonische Datei-Kennung | mouse/anim-hover-lift |
|---|---|
| Quell-Bibliothekspaket | Mouse |
| Koordinatenraster und viewBox | viewBox="0 0 48 48" |
| Groesse unkomprimiert | 1,670 bytes (~919 bytes gzipped) |
| SPDX-Lizenz und kommerzielle Nutzung | MIT - Kostenlos fuer kommerzielle Nutzung |
| Unterstuetzte Exportziele | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Sicherheits- und Datenschutzgarantie | Ohne Anmeldung | 100% im Browser verarbeitet |
So nutzt und aenderst du dieses Symbol: Anim Hover Lift
- Visuell anpassen: Farbe, Automatisch (Strich und Fuellung), Strichstaerke (
0.5px-4px), Live-Vektoranimationen - Vektor oder Bild herunterladen: SVG herunterladen, PNG (transparent), WebP (optimiert) (
2048x2048 px) - Framework-Code kopieren: Kopiere fertigen Code fuer React, Next.js, Vue 3, Svelte, Angular, HTML und CSS-Masken.
- Tiefe Vektorbearbeitung: Im SVG-Editor bearbeiten (76,166)
Tipp zur Barrierefreiheit (WCAG 2.1): Blende dekorative Symbole mit aria-hidden und focusable false aus. Gib Symbol-Schaltflaechen ein klares aria-label. Spiegele Pfeile fuer Sprachen von rechts nach links horizontal.
anim-hover-lift.svg aria-hidden="true" focusable="false"
Mehr in Benutzeroberfläche (UI/UX)
Ansehen
outline
Round Content Content Gesture
Material Icons|interface
outline
Light Divide Light
Phosphor Icons|interface
outline
Outline Polaroid
Tabler Icons|interface
outline
Round Content Content How To Reg
Material Icons|interface
outline
Light Dna Light
Phosphor Icons|interface
Outline Polygon Off
Tabler Icons|interface
Round Content Content How To Vote
Material Icons|interface
Light Dog Light
Phosphor Icons|interface
Outline Polygon
Tabler Icons|interface
Round Content Content Inbox
Material Icons|interface
Outline Poo
Tabler Icons|interfaceMehr entdecken
Häufig gestellte Fragen
Anim Hover Lift - Häufig gestellte Fragen
Ist das Anim Hover Lift SVG-Icon kostenlos für kommerzielle Nutzung? +
Ja, das Anim Hover Lift Icon aus der Sammlung Mouse steht unter der MIT-Lizenz für kommerzielle Websites und Apps bereit.
Behält das Anim Hover Lift Icon beim Download seine Originalfarben? +
Ja, Anim Hover Lift behält standardmäßig seine Originalfarben, bis Sie im Editor eine neue Farbe wählen.
Wie nutze ich das Anim Hover Lift Icon in React oder Vue? +
Wechsle auf dieser Seite zum Tab React TSX oder Vue 3 und klicke auf Copy SVG. Fuege die Komponente in dein Projekt ein und style sie mit CSS oder Tailwind.
Kann ich Anim Hover Lift als transparentes PNG herunterladen? +
Ja, wählen Sie eine Größe bis 2048 px und klicken Sie auf PNG herunterladen.
Wie animiere ich das Anim Hover Lift Icon mit CSS? +
Wählen Sie im Live-Editor eine Animation wie Drehen oder Pulsieren, um die CSS-Keyframes einzubetten.
Kann ich einen KI-Prompt für Anim Hover Lift erstellen? +
Ja, nutzen Sie den KI-Prompt-Generator auf dieser Seite für 3D-, Glas- oder Neon-Stile.
Kann ich das Symbol Anim Hover Lift ohne Qualitaetsverlust skalieren? +
Ja. Die Datei Anim Hover Lift ist ein Vektor mit skalierbarem viewBox und bleibt bei 16px, 64px, 512px oder im Druck scharf.
Wo melde ich ein Problem mit der Datei Anim Hover Lift? +
Schreibe an support@svgnexus.com mit der Symboladresse. Lizenzfragen zu Anim Hover Lift gehen an legal@svgnexus.com.
100% im Browser verarbeitet | 76,166 Symbole
SVG-Editor
Bearbeite Pfade, Ebenen, Farben und Animationen im Browser und exportiere sauberes SVG, PNG oder Framework-Code.