outline
outline
MIT
5 noeuds vectoriels
1. Couleur
Les couleurs d’origine de l’icône sont conservées jusqu’à ce que vous choisissiez une nouvelle couleur.
2. Fond du canevas et transformations
3. Préréglages d’animation vectorielle en direct
Inclus dans l’export SVG
Anim Hover Lift - Icônes vectorielles et 3D
La source, l’auteur et la licence sont visibles dans l’aperçu et le détail de l’icône. Anim Hover Lift - Gratuit pour usage commercial et personnel. Sans Inscription | 100% dans Votre Navigateur
Téléchargements instantanés vectoriels et haute résolution
Les couleurs d’origine de l’icône sont conservées jusqu’à ce que vous choisissiez une nouvelle couleur.
anim-hover-lift.svg (1,670 B)
Copie rapide pour développeurs et frameworks UI
Sortie de code en direct
<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>
Prompt IA et amelioration vectorielle
Vous voulez améliorer ou restyler cette icône ? Anim Hover Lift
Générez un prompt d’ingénierie précis, ou améliorez l’icône sur le canevas tout de suite. Anim Hover Lift
Générateur de prompt 100 % côté navigateur
Vérification de la source et de la licence
LICENSE.txt
Library: Mouse | Author: Mouse Contributors | License: MIT | Sans Inscription | 100% dans Votre Navigateur
Mots cles
#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
Populaire dans votre langue
icônes svg gratuites
télécharger icônes vectorielles
convertisseur svg en png
éditeur svg en ligne gratuit
icônes 3d svg
composant react svg
optimiser fichier svg
animer svg css
icônes usage commercial
bibliothèque icônes svg
Anim Hover Lift - Specifications techniques du vecteur
La source, l’auteur et la licence sont visibles dans l’aperçu et le détail de l’icône. Anim Hover Lift
| Identifiant canonique du fichier | mouse/anim-hover-lift |
|---|---|
| Pack de bibliotheque source | Mouse |
| Grille de coordonnées et viewBox | viewBox="0 0 48 48" |
| Poids non compresse | 1,670 bytes (~919 bytes gzipped) |
| Licence SPDX et usage commercial | MIT - Gratuit pour usage commercial |
| Formats d’export pris en charge | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Garantie de sécurité et de confidentialité | Sans Inscription | 100% dans Votre Navigateur |
Comment utiliser et personnaliser cette icône: Anim Hover Lift
- Personnaliser visuellement: Couleur, Automatique (trait et remplissage), Epaisseur du trait (
0.5px-4px), Préréglages d’animation vectorielle en direct - Télécharger le vecteur ou l’image: Télécharger SVG, PNG (transparent), WebP (optimise) (
2048x2048 px) - Copier le code framework: Copiez du code prêt pour React, Next.js, Vue 3, Svelte, Angular, HTML et les masques CSS.
- Édition vectorielle avancee: Modifier dans l’éditeur SVG (76,166)
Conseil d’accessibilité (WCAG 2.1): Masquez les icônes décoratives avec aria-hidden et focusable false. Donnez un aria-label clair aux boutons qui ne contiennent qu’une icône. Inversez les flèches horizontalement pour les langues de droite à gauche.
anim-hover-lift.svg aria-hidden="true" focusable="false"
Plus dans Interface utilisateur (UI/UX)
Parcourir
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|interfaceVoir plus
Questions fréquentes
Anim Hover Lift - Questions fréquentes
L icône SVG Anim Hover Lift est-elle gratuite pour un usage commercial ? +
Oui. L icône Anim Hover Lift de la collection Mouse est publiée sous licence MIT pour vos projets web et commerciaux.
L icône Anim Hover Lift conserve-t-elle ses couleurs par défaut au téléchargement ? +
Oui, Anim Hover Lift garde ses couleurs d’origine sauf si vous sélectionnez une nouvelle couleur dans l’éditeur.
Comment intégrer l’icône Anim Hover Lift dans React ou Vue ? +
Ouvrez l’onglet React TSX ou Vue 3 sur cette page et cliquez sur Copy SVG. Collez le composant dans votre projet et stylez-le avec CSS ou Tailwind.
Puis-je télécharger Anim Hover Lift en PNG transparent ? +
Oui, sélectionnez une taille jusqu’à 2048 px et cliquez sur Télécharger PNG.
Comment animer l’icône Anim Hover Lift en CSS ? +
Cliquez sur une animation comme Rotation ou Pulsation dans l’éditeur pour inclure les keyframes CSS.
Puis-je créer un prompt IA pour l’icône Anim Hover Lift ? +
Oui, utilisez le générateur de prompt IA sur cette page pour obtenir une description prête pour Midjourney ou DALL-E.
Puis-je redimensionner l’icône Anim Hover Lift sans perdre en qualité ? +
Oui. Le fichier Anim Hover Lift est un vecteur avec un viewBox extensible : il reste net à 16px, 64px, 512px ou en impression.
Où signaler un problème avec le fichier Anim Hover Lift ? +
Écrivez à support@svgnexus.com avec l’adresse de l’icône. Les questions de licence pour Anim Hover Lift vont à legal@svgnexus.com.
100% dans Votre Navigateur | 76,166 icônes
Éditeur SVG
Modifiez les chemins, les calques, les couleurs et les animations dans votre navigateur, puis exportez du SVG propre, du PNG ou du code.