devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Ikon Panah Gratis (SVG)

48 ikon panah gratis dari set open-source. Klik salah satu untuk mengubah ukuran, warna, dan stroke, lalu salin sebagai SVG, JSX, data URI, atau CSS.

Diperbarui

arrow-up
Lucidearrow-up
Tablerarrow-up
Heroiconsarrow-up
Phosphorarrow-up
Bootstrap Iconsarrow-up
Iconoirarrow-up-12-filled
Fluent UIline-end-arrow
Material Symbolsarrow
Material Design Iconsarrow-up
Carbonbow-arrow
Lucidearrow-back
Tablerarrow-up-16-solid
Heroiconsarrow-up-bold
Phosphorarrow-down
Bootstrap Iconsarrow-down
Iconoirarrow-up-12-regular
Fluent UIarrow-back
Material Symbolsarrow-up
Material Design Iconsarrow-down
Carbona-arrow-up
Lucidearrow-down
Tablerarrow-up-20-solid
Heroiconsarrow-up-duotone
Phosphorarrow-left
Bootstrap Iconsarrow-left
Iconoirarrow-up-16-filled
Fluent UIarrow-back-rounded
Material Symbolsarrow-up-bold
Material Design Iconsarrow-left
Carbonarrow-down
Lucidearrow-fork
Tablerarrow-up-solid
Heroiconsarrow-up-fill
Phosphormaps-arrow
Iconoirarrow-up-16-regular
Fluent UIarrow-left
Material Symbolsarrow-up-thin
Material Design Iconsarrow-left
Lucidearrow-left
Tablerarrow-up-light
Phosphorpath-arrow
Iconoirarrow-up-20-filled
Fluent UIarrow-left-rounded
Material Symbolsarrow-all
Material Design Iconsarrow-up-thin
Phosphorpath-arrow-solid
Iconoirarrow-up-20-regular
Fluent UI

Cara memakai ikon panah

Panah menunjukkan arah, seperti maju dan mundur, memperluas dan menciutkan, urutan sort, atau tautan yang membawa pengunjung keluar dari halaman.

Semua ikon di sini mengikuti currentColor, jadi warnanya mengikuti warna teks elemen tempat ikon itu berada. Satu SVG bisa dipakai di latar terang maupun gelap, di tautan maupun tombol. Atur width dan height secara eksplisit (atau atur ukurannya di CSS dengan 1em) agar tata letak tidak bergeser saat halaman dimuat.

Ikon yang mudah diakses

Jika ikon bersifat dekoratif atau berada di samping teks yang terlihat, tambahkan aria-hidden="true". Jika ikon adalah satu-satunya konten tombol atau tautan, beri elemen tersebut aria-label seperti “Panah”.

Lisensi

Ikon panah ini berasal dari Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons, dan Carbon. Semuanya adalah set open-source dengan lisensi MIT, ISC, atau Apache 2.0 yang mengizinkan penggunaan pribadi maupun komersial. Butuh ikon lain? Cari semua 70.000+ ikon di SVG Icon Finder.

Pertanyaan yang sering diajukan

Apakah ikon panah ini gratis untuk penggunaan komersial?
Ya. Ikon ini berasal dari set open-source dengan lisensi MIT, ISC, atau Apache 2.0 yang mengizinkan penggunaan komersial. Tetap cantumkan pemberitahuan lisensi jika kamu mendistribusikan ulang file ikonnya.
Bagaimana cara mengubah warna ikon panah?
SVG-nya memakai currentColor, jadi atur warna CSS pada elemen induknya. Atau buka ikon di finder dan pilih warna tetap sebelum menyalin.
Bisakah saya memakai ikon ini di Webflow atau React?
Bisa. Buka ikon, lalu gunakan Copy to Webflow (ditempel sebagai Code Embed) atau Copy JSX untuk komponen React.