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

Icon Play Miễn Phí (SVG)

48 icon play miễn phí từ các bộ mã nguồn mở. Nhấp vào một icon để đổi kích thước, màu sắc và nét, rồi sao chép dưới dạng SVG, JSX, data URI hoặc CSS.

Cập nhật

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

Cách dùng icon play

Icon play, pause và stop điều khiển trình phát âm thanh và video.

Tất cả icon ở đây đều kế thừa currentColor, nên chúng lấy màu chữ của phần tử chứa chúng. Một SVG hoạt động tốt trên nền sáng và nền tối, trong liên kết và nút bấm. Hãy đặt width và height rõ ràng (hoặc chỉnh kích thước bằng CSS với 1em) để bố cục không bị xô lệch khi trang đang tải.

Icon hỗ trợ truy cập

Nếu icon chỉ mang tính trang trí hoặc đứng cạnh chữ hiển thị, hãy thêm aria-hidden="true". Nếu nó là nội dung duy nhất của nút hoặc liên kết, hãy gán cho phần tử đó một aria-label như “Play”.

Giấy phép

Các icon play này đến từ Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons, Carbon. Đây là các bộ mã nguồn mở theo giấy phép MIT, ISC hoặc Apache 2.0, cho phép sử dụng cá nhân và thương mại. Cần thứ khác? Tìm trong hơn 70.000 icon tại SVG Icon Finder.

Câu hỏi thường gặp

Các icon play này có miễn phí cho mục đích thương mại không?
Có. Chúng đến từ các bộ icon mã nguồn mở theo giấy phép MIT, ISC hoặc Apache 2.0, cho phép dùng thương mại. Nếu bạn phân phối lại chính các file icon, hãy giữ lại thông báo giấy phép.
Làm sao để đổi màu icon play?
Các SVG dùng currentColor, nên bạn chỉ cần đặt color trong CSS cho phần tử cha. Hoặc bạn có thể mở icon trong công cụ tìm kiếm và chọn một màu cố định trước khi sao chép.
Tôi có thể dùng các icon này trong Webflow hoặc React không?
Được. Mở một icon và dùng Copy to Webflow (dán vào Code Embed) hoặc Copy JSX để dùng cho component React.