outline
outline
MIT
5 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 Scroll Progress - Vektör ve 3D ikonlar
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. Anim Scroll Progress - 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-scroll-progress.svg (1,457 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 Scroll Progress icon"><title>Anim Scroll Progress - Mouse icon</title><desc>Free Anim Scroll Progress vector icon from the Mouse open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc>
<style>@keyframes mn38-prog{0%{stroke-dashoffset:88}100%{stroke-dashoffset:0}}@keyframes mn38-lbl{0,100%{opacity:.5}50%{opacity:1}}.nx4930_mn38-p{animation:mn38-prog 2.6s ease-in-out infinite}.nx4930_mn38-t{animation:mn38-lbl 2.6s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*{animation:none!important}}</style><path d="M11 24a13 13 0 1 0 26 0a13 13 0 1 0 -26 0Z" fill="none" stroke="currentColor" stroke-width="2.0" stroke-linecap="round" stroke-linejoin="round"/><g class="nx4930_mn38-p"><path d="M11 24a13 13 0 1 0 26 0a13 13 0 1 0 -26 0Z" fill="none" stroke="currentColor" stroke-width="3.0" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="88 88"/></g><g class="nx4930_mn38-t"><path d="M24 17v14" fill="none" stroke="currentColor" stroke-width="2.0" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.4 20.6L24 17l3.6 3.6" fill="none" stroke="currentColor" stroke-width="2.0" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.4 27.4L24 31l3.6-3.6" fill="none" stroke="currentColor" stroke-width="2.0" stroke-linecap="round" stroke-linejoin="round"/></g>
</svg>
Yapay zeka istemi ve vektör iyilestirme
Bu ikonu iyilestirmek veya yeniden tasarlamak ister misiniz? Anim Scroll Progress
Net bir muhendislik istemi oluşturun ya da ikonu tuvalde hemen iyilestirin. Anim Scroll Progress
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
#scroll
#progress
#mouse
#interface
#outline
#anim scroll progress svg
#anim scroll progress icon
#anim scroll progress mouse
#anim scroll progress react tsx
#anim scroll progress vue
#anim scroll progress 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 Scroll Progress - Teknik vektör özellikleri
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. Anim Scroll Progress
| Temel dosya kimligi | mouse/anim-scroll-progress |
|---|---|
| Kaynak kütüphane paketi | Mouse |
| Koordinat izgarasi ve viewBox | viewBox="0 0 48 48" |
| Sikistirilmamis boyut | 1,457 bytes (~801 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 Scroll Progress
- 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-scroll-progress.svg aria-hidden="true" focusable="false"
Daha fazla Kullanıcı Arayüzü (UI/UX)
Gozat
outline
Record Mail
MingCute Icons|interface
solid
Record Mail
MingCute Icons Fill|interface
outline
Bold Shapes Bold
Phosphor Icons|interface
outline
Outline Antenna Bars Off
Tabler Icons|interface
outline
Regular Easel
Bootstrap Icons|interface
Communications Signal 07
Domain Icons|interface
24px Solid Link
Heroicons|interface
Hand Drag
IconPark|interface
Outline Paint Bucket
Lucide|interface
Rectangle Vertical
MingCute Icons|interface
Rectangle Vertical
MingCute Icons Fill|interfaceDaha fazlasını keşet
Sıkça Sorulan Sorular
Anim Scroll Progress - Sıkça Sorulan Sorular
Anim Scroll Progress SVG ikonu ticari kullanım için ücretsiz mi? +
Evet, Anim Scroll Progress koleksiyonundaki Mouse ikonu MIT lisanslıdır ve ticari projelerde ücretsiz kullanılabilir.
Anim Scroll Progress ikonu indirildiğinde orijinal renklerini korur mu? +
Evet, düzenleyicide yeni bir renk seçmediğiniz sürece Anim Scroll Progress varsayılan renklerini korur.
Anim Scroll Progress 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 Scroll Progress ikonunu şeffaf PNG olarak indirebilir miyim? +
Evet, 1024 piksele kadar bir boyut seçip PNG İndir düğmesine tıklayın.
Anim Scroll Progress ikonunu CSS ile nasıl hareketlendiririm? +
CSS keyframe kodunu eklemek için canlı düzenleyiciden bir animasyon seçin.
Anim Scroll Progress 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 Scroll Progress ikonunu kalite kaybetmeden ölçeklendirebilir miyim? +
Evet. Anim Scroll Progress dosyasi ölçeklenebilir viewBox tasiyan bir vektördur; 16px, 64px, 512px ve baskida net kalir.
Anim Scroll Progress dosyasiyla ilgili sorunu nereye bildiririm? +
İkon adresiyle support@svgnexus.com adresine yazın. Anim Scroll Progress 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.