outline
outline
MIT
3 vektör dugumu
1. Renk
Yeni bir renk seçene kadar ikonun orijinal renkleri korunur.
2. Tuval arka plani ve donusumler
3. Canli vektör animasyon ayarlari
SVG çıktısina dahil
Anim Sticky Header - Vektör ve 3D ikonlar
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. Anim Sticky Header - Ticari ve kisisel kullanım için ücretsiz. Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme
Aninda vektör ve yuksek cozunurluk indirme
Yeni bir renk seçene kadar ikonun orijinal renkleri korunur.
anim-sticky-header.svg (1,362 B)
Geliştiriciler ve arayüz çerçeveleri için hizli kopya
Canli kod çıktısi
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none" width="36" height="36" role="img" aria-label="Anim Sticky Header icon"><title>Anim Sticky Header - Mouse icon</title><desc>Free Anim Sticky Header vector icon from the Mouse open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc>
<style>@keyframes mn39-hdr{0,25%{transform:translateY(-6px)}40,100%{transform:translateY(0)}}@keyframes mn39-content{0,25%{transform:translateY(0)}40,100%{transform:translateY(-9px)}}@keyframes mn39-sh{0,25%{opacity:0}40,100%{opacity:.35}}.nx5030_mn39-h{animation:mn39-hdr 2.4s ease-out infinite}.nx5030_mn39-c{animation:mn39-content 2.4s ease-out infinite}.nx5030_mn39-s{animation:mn39-sh 2.4s ease-out infinite}@media (prefers-reduced-motion: reduce){*{animation:none!important}}</style><g class="nx5030_mn39-c"><path d="M13 17h22M13 23h22M13 29h15M13 35h22" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></g><g class="nx5030_mn39-h"><path d="M11 7H37A3 3 0 0 1 40 10V12A3 3 0 0 1 37 15H11A3 3 0 0 1 8 12V10A3 3 0 0 1 11 7Z" fill="currentColor" fill-opacity="0.9"/><g class="nx5030_mn39-s"><path d="M8.7 14.6H39.3A0.7 0.7 0 0 1 40 15.3V15.3A0.7 0.7 0 0 1 39.3 16H8.7A0.7 0.7 0 0 1 8 15.3V15.3A0.7 0.7 0 0 1 8.7 14.6Z" fill="currentColor" fill-opacity="0.5"/></g></g>
</svg>
Yapay zeka istemi ve vektör iyilestirme
Bu ikonu iyilestirmek veya yeniden tasarlamak ister misiniz? Anim Sticky Header
Net bir muhendislik istemi oluşturun ya da ikonu tuvalde hemen iyilestirin. Anim Sticky Header
Istem oluşturucu tamamen tarayıcında calisir
Kaynak ve lisans doğrulama
LICENSE.txt
Library: Mouse | Author: Mouse Contributors | License: MIT | Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme
Anahtar kelimeler
#anim
#sticky
#header
#mouse
#interface
#outline
#anim sticky header svg
#anim sticky header icon
#anim sticky header mouse
#anim sticky header react tsx
#anim sticky header vue
#anim sticky header png
Dilinizde popüler
ücretsiz svg ikonlar
vektörel ikon indir
svg png dönüştürücü
online ücretsiz svg düzenleyici
3d svg ikonlar
svg dosyası sıkıştırma
react svg bileşeni
css ile svg animasyon
ticari kullanım ikonları
svg ikon kütüphanesi
Anim Sticky Header - Teknik vektör özellikleri
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. Anim Sticky Header
| Temel dosya kimligi | mouse/anim-sticky-header |
|---|---|
| Kaynak kütüphane paketi | Mouse |
| Koordinat izgarasi ve viewBox | viewBox="0 0 48 48" |
| Sikistirilmamis boyut | 1,362 bytes (~749 bytes gzipped) |
| SPDX lisansi ve ticari kullanım | MIT - Ticari kullanım için ücretsiz |
| Desteklenen çıktı biçimleri | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Güvenlik ve gizlilik garantisi | Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme |
Bu ikon nasıl kullanilir ve özellestirilir: Anim Sticky Header
- Gorsel olarak özellestirin: Renk, Otomatik (cizgi ve dolgu), Cizgi kalınligi (
0.5px-4px), Canli vektör animasyon ayarlari - Vektöru veya gorseli indirin: SVG İndir, PNG (seffaf), WebP (iyilestirilmis) (
2048x2048 px) - Çerçeve kodunu kopyalayin: React, Next.js, Vue 3, Svelte, Angular, HTML ve CSS maskeleri için hazir kod kopyalayin.
- Ileri vektör duzenleme: SVG duzenleyicide duzenle (76,166)
Erisilebilirlik ipucu (WCAG 2.1): Susleme amacli ikonlari aria-hidden ve focusable false ile gizleyin. Yalnizca ikon iceren dugmelere net bir aria-label verin. Sagdan sola diller için oklari yatay olarak cevirin.
anim-sticky-header.svg aria-hidden="true" focusable="false"
Daha fazla Kullanıcı Arayüzü (UI/UX)
Gozat
outline
Round Social Social History Edu
Material Icons|interface
outline
Regular Butterfly
Phosphor Icons|interface
outline
Round Social Social Hive
Material Icons|interface
outline
Regular Cable Car
Phosphor Icons|interface
outline
Round Social Social Ice Skating
Material Icons|interface
Regular Cactus
Phosphor Icons|interface
Round Social Social Interests
Material Icons|interface
Regular Cake
Phosphor Icons|interface
Round Social Social Ios Share
Material Icons|interface
Regular Calculator
Phosphor Icons|interface
Round Social Social Kayaking
Material Icons|interfaceDaha fazlasını keşet
Sıkça Sorulan Sorular
Anim Sticky Header - Sıkça Sorulan Sorular
Anim Sticky Header SVG ikonu ticari kullanım için ücretsiz mi? +
Evet, Anim Sticky Header koleksiyonundaki Mouse ikonu MIT lisanslıdır ve ticari projelerde ücretsiz kullanılabilir.
Anim Sticky Header ikonu indirildiğinde orijinal renklerini korur mu? +
Evet, düzenleyicide yeni bir renk seçmediğiniz sürece Anim Sticky Header varsayılan renklerini korur.
Anim Sticky Header ikonunu React veya Vue da nasıl kullanırım? +
Bu sayfada React TSX veya Vue 3 sekmesini acin ve Copy SVG dugmesine tiklayin. Bileşeni projenize yapıştırin ve CSS ya da Tailwind ile biçimlendirin.
Anim Sticky Header ikonunu şeffaf PNG olarak indirebilir miyim? +
Evet, 1024 piksele kadar bir boyut seçip PNG İndir düğmesine tıklayın.
Anim Sticky Header ikonunu CSS ile nasıl hareketlendiririm? +
CSS keyframe kodunu eklemek için canlı düzenleyiciden bir animasyon seçin.
Anim Sticky Header için yapay zeka komutu oluşturabilir miyim? +
Evet, bu sayfadaki yapay zeka komut oluşturucu ile 3D, Cam veya Neon stilinde komut alabilirsiniz.
Anim Sticky Header ikonunu kalite kaybetmeden ölçeklendirebilir miyim? +
Evet. Anim Sticky Header dosyasi ölçeklenebilir viewBox tasiyan bir vektördur; 16px, 64px, 512px ve baskida net kalir.
Anim Sticky Header dosyasiyla ilgili sorunu nereye bildiririm? +
İkon adresiyle support@svgnexus.com adresine yazın. Anim Sticky Header için lisans sorulari legal@svgnexus.com adresine gider.
%100 Tarayıcı Tabanlı İşleme | 76,166 ikon
SVG Düzenleyici
Yollari, katmanlari, renkleri ve animasyonlari tarayıcında duzenleyin; sonra temiz SVG, PNG veya çerçeve kodu aktarin.