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

Ikon Play Gratis (SVG)

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

Diperbarui

play
Lucideplay-bug
Tablerplay
Heroiconsplay
Phosphorplay
Bootstrap Iconsplay
Iconoirplay-12-filled
Fluent UIorder-play
Material Symbolsplay
Material Design Iconsplay
Carbonbug-play
Lucideplay-bugs
Tablerplay-16-solid
Heroiconsplay-bold
Phosphorplay-fill
Bootstrap Iconsplay-solid
Iconoirplay-12-regular
Fluent UIorder-play-outline
Material Symbolsplay-outline
Material Design Iconsplay-filled
Carbonplay-off
Lucideplay-card
Tablerplay-20-solid
Heroiconsplay-duotone
Phosphorplay-btn
Bootstrap Iconsplay-16-filled
Fluent UIorder-play-outline-rounded
Material Symbolsbug-play
Material Design Iconsplay-outline
Carbonfile-play
Lucideplay-card-filled
Tablerplay-solid
Heroiconsplay-fill
Phosphorplay-btn-fill
Bootstrap Iconsplay-16-regular
Fluent UIorder-play-outline-sharp
Material Symbolsbug-play-outline
Material Design Iconsimage-play
Lucideclock-play
Tablerplay-pause
Heroiconsplay-light
Phosphorfile-play
Bootstrap Iconsplay-20-filled
Fluent UIorder-play-rounded
Material Symbolscog-play
Material Design Iconsplay-pause-16-solid
Heroiconsplay-thin
Phosphorfile-play-fill
Bootstrap Icons

Cara memakai ikon play

Ikon play, pause, dan stop mengontrol pemutar audio dan video.

Semua ikon di sini mengikuti currentColor, sehingga ikon mengambil warna teks dari elemen tempat ia berada — satu SVG bisa dipakai di latar terang maupun gelap, baik di tautan maupun di 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 sebuah tombol atau tautan, berikan elemen tersebut aria-label seperti “Play”.

Lisensi

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

Pertanyaan yang sering diajukan

Apakah ikon play ini gratis untuk penggunaan komersial?
Ya. Ikonnya berasal dari set ikon open-source di bawah lisensi MIT, ISC, atau Apache 2.0, yang mengizinkan penggunaan komersial. Tetap sertakan pemberitahuan lisensi jika kamu mendistribusikan ulang file ikonnya.
Bagaimana cara mengubah warna ikon play?
SVG-nya menggunakan currentColor, jadi atur warna CSS pada elemen induk — 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 (akan ditempel sebagai Code Embed) atau Copy JSX untuk komponen React.