duotone
outline
MIT
4 simpul vektor
1. Warna
Warna asli ikon tetap dipertahankan sampai Anda memilih warna baru.
2. Latar kanvas dan transformasi
3. Preset animasi vektor langsung
Termasuk dalam ekspor SVG
Anim Scroll Page - Ikon vektor dan 3D
Sumber, penulis, dan lisensi tersedia di pratinjau dan detail ikon. Anim Scroll Page - Gratis untuk penggunaan komersial dan pribadi. Tanpa Daftar Akun | 100% Diproses di Browser Anda
Unduhan instan vektor dan resolusi tinggi
Warna asli ikon tetap dipertahankan sampai Anda memilih warna baru.
anim-scroll-page.svg (1,647 B)
Salin cepat untuk pengembang dan framework UI
Keluaran kode langsung
<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 Page icon"><title>Anim Scroll Page - Mouse icon</title><desc>Free Anim Scroll Page vector icon from the Mouse open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc>
<style>
@keyframes mcn11-page{0,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes mcn11-bar{0,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(11px);opacity:1}}@keyframes mcn11-ln{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-16}}
.nx8540_mcn11-pg{animation:mcn11-page 2.2s cubic-bezier(.45,0,.55,1) infinite}.nx8540_mcn11-bar{animation:mcn11-bar 2.2s cubic-bezier(.45,0,.55,1) infinite}.nx8540_mcn11-ln{animation:mcn11-ln .9s linear infinite}
@media (prefers-reduced-motion: reduce){*{animation:none!important}}
</style><g class="nx8540_mcn11-pg"><path d="M9 8a3 3 0 0 1 3-3h13l5 5v27a3 3 0 0 1-3 3H12a3 3 0 0 1-3-3Z" fill="none" stroke="currentColor" stroke-width="2.0" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.6 5.4v5.2h5" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><g class="nx8540_mcn11-ln"><path d="M14 18h10M14 24h10M14 30h6" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="2.6 3.4"/></g></g><g class="nx8540_mcn11-bar"><path d="M31.75 11.4H31.75A1.55 1.55 0 0 1 33.3 12.95V20.25A1.55 1.55 0 0 1 31.75 21.8H31.75A1.55 1.55 0 0 1 30.2 20.25V12.95A1.55 1.55 0 0 1 31.75 11.4Z" fill="currentColor" fill-opacity="0.9"/></g>
</svg>
Prompt AI dan peningkatan vektor
Ingin memperbaiki atau mengubah gaya ikon ini? Anim Scroll Page
Buat prompt rekayasa yang tepat, atau perbaiki ikon di kanvas sekarang. Anim Scroll Page
Pembuat prompt 100% di browser
Verifikasi sumber dan lisensi
LICENSE.txt
Library: Mouse | Author: Mouse Contributors | License: MIT | Tanpa Daftar Akun | 100% Diproses di Browser Anda
Kata kunci
#anim
#scroll
#page
#mouse
#interface
#outline
#anim scroll page svg
#anim scroll page icon
#anim scroll page mouse
#anim scroll page react tsx
#anim scroll page vue
#anim scroll page png
Populer dalam bahasa Anda
ikon svg gratis
unduh ikon vektor gratis
konversi svg ke png online
editor svg gratis di browser
ikon 3d svg
optimasi file svg
komponen react svg
animasi svg dengan css
ikon penggunaan komersial
perpustakaan ikon svg
Anim Scroll Page - Spesifikasi teknis vektor
Sumber, penulis, dan lisensi tersedia di pratinjau dan detail ikon. Anim Scroll Page
| Pengenal aset kanonis | mouse/anim-scroll-page |
|---|---|
| Paket perpustakaan sumber | Mouse |
| Kisi koordinat dan viewBox | viewBox="0 0 48 48" |
| Ukuran tanpa kompresi | 1,647 bytes (~906 bytes gzipped) |
| Lisensi SPDX dan penggunaan komersial | MIT - Gratis untuk penggunaan komersial |
| Format ekspor yang didukung | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Jaminan keamanan dan privasi | Tanpa Daftar Akun | 100% Diproses di Browser Anda |
Cara memakai dan menyesuaikan ikon ini: Anim Scroll Page
- Sesuaikan secara visual: Warna, Otomatis (garis dan isian), Ketebalan garis (
0.5px-4px), Preset animasi vektor langsung - Unduh vektor atau gambar: Unduh SVG, PNG (transparan), WebP (dioptimalkan) (
2048x2048 px) - Salin kode framework: Salin kode siap pakai untuk React, Next.js, Vue 3, Svelte, Angular, HTML, dan mask CSS.
- Pengeditan vektor mendalam: Edit di editor SVG (76,166)
Tips aksesibilitas (WCAG 2.1): Sembunyikan ikon dekoratif dengan aria-hidden dan focusable false. Beri aria-label yang jelas pada tombol yang hanya berisi ikon. Balik panah secara mendatar untuk bahasa kanan ke kiri.
anim-scroll-page.svg aria-hidden="true" focusable="false"
Lebih banyak di Antarmuka Pengguna (UI/UX)
Jelajahi
duotone
Two Tone Content Content Block
Material Icons|interface
duotone
Two Tone Content Content Bolt
Material Icons|interface
duotone
Two Tone Content Content Calculate
Material Icons|interface
duotone
Two Tone Content Content Change Circle
Material Icons|interface
duotone
Two Tone Content Content Clear
Material Icons|interface
Two Tone Content Content Content Copy
Material Icons|interface
Two Tone Content Content Content Cut
Material Icons|interface
Two Tone Content Content Content Paste Go
Material Icons|interface
Two Tone Content Content Content Paste Off
Material Icons|interface
Two Tone Content Content Content Paste Search
Material Icons|interface
Two Tone Content Content Content Paste
Material Icons|interfaceJelajahi lainnya
Pertanyaan Umum
Anim Scroll Page - Pertanyaan Umum
Apakah ikon SVG Anim Scroll Page gratis untuk penggunaan komersial? +
Ya, ikon Anim Scroll Page dari koleksi Mouse berlisensi MIT dan gratis digunakan dalam proyek komersial.
Apakah ikon Anim Scroll Page mempertahankan warna aslinya saat diunduh? +
Ya, Anim Scroll Page mempertahankan warna default kecuali Anda memilih warna baru di editor.
Bagaimana cara menggunakan ikon Anim Scroll Page di React atau Vue? +
Buka tab React TSX atau Vue 3 di halaman ini lalu klik Copy SVG. Tempel komponen ke proyek Anda dan atur gayanya dengan CSS atau Tailwind.
Bisakah saya mengunduh Anim Scroll Page sebagai PNG transparan? +
Ya, pilih ukuran hingga 2048 px lalu klik Unduh PNG.
Bagaimana cara menganimasikan ikon Anim Scroll Page dengan CSS? +
Pilih animasi di editor langsung untuk menyertakan keyframe CSS secara otomatis.
Bisakah saya membuat prompt AI untuk Anim Scroll Page? +
Ya, gunakan generator prompt AI di halaman ini untuk gaya 3D, Kaca, atau Neon.
Bisakah mengubah ukuran ikon Anim Scroll Page tanpa kehilangan kualitas? +
Bisa. Berkas Anim Scroll Page adalah vektor dengan viewBox yang bisa diskalakan, jadi tetap tajam di 16px, 64px, 512px, atau cetak.
Ke mana melaporkan masalah pada berkas Anim Scroll Page? +
Kirim ke support@svgnexus.com dengan alamat ikon. Pertanyaan lisensi tentang Anim Scroll Page ke legal@svgnexus.com.
100% Diproses di Browser Anda | 76,166 ikon
Editor SVG
Edit jalur, lapisan, warna, dan animasi di browser, lalu ekspor SVG bersih, PNG, atau kode framework.