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

Icon Video Miễn Phí (SVG)

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

Cập nhật

video
Lucidevideo
Tablervideo
Phosphorvideo-16-filled
Fluent UIvideo-call
Material Symbolsvideo
Material Design Iconsvideo
Carbonvideo-off
Lucidevideo-filled
Tablervideo-bold
Phosphorvideo-16-regular
Fluent UIvideo-call-outline
Material Symbolsvideo-outline
Material Design Iconsvideo-filled
Carbonfile-video
Lucidevideo-off
Tablervideo-duotone
Phosphorvideo-20-filled
Fluent UIvideo-call-outline-rounded
Material Symbolsvideo-2d
Material Design Iconsvideo-add
Carbonlist-video
Lucidevideo-plus
Tablervideo-fill
Phosphorvideo-20-regular
Fluent UIvideo-call-outline-sharp
Material Symbolsvideo-3d
Material Design Iconsvideo-off
Carbonvideo-plus-filled
Tablervideo-light
Phosphorvideo-24-filled
Fluent UIvideo-call-rounded
Material Symbolsvideo-box
Material Design Iconsvideo-off-filled
Carbonvideo-thin
Phosphorvideo-24-regular
Fluent UIvideo-call-sharp
Material Symbolsvideo-off
Material Design Iconsvideo-chat
Carbonvideo-28-filled
Fluent UIvideo-chat
Material Symbolsvideo-off-outline
Material Design Iconsvideo-28-regular
Fluent UIvideo-chat-outline
Material Symbolsfile-video
Material Design Iconsvideo-32-filled
Fluent UIvideo-chat-outline-rounded
Material Symbolsfile-video-outline
Material Design Icons

Cách dùng icon video

Icon máy quay và cuộn phim đại diện cho video, bản ghi và các luồng phát trực tiếp.

Tất cả icon ở đây đều theo currentColor, nên chúng nhận màu chữ của phần tử chứa nó — một file SVG dùng được trên cả nền sáng lẫn nền tối, trong liên kết cũng như trong 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 nằm 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 một nút hoặc liên kết, hãy gán cho phần tử đó một aria-label như “Video”.

Giấy phép

Các icon video này đến từ Lucide, Tabler, Phosphor, Fluent UI, Material Symbols, Material Design Icons, Carbon — các bộ icon 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 tất cả hơn 70.000 icon tại SVG Icon Finder.

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

Các icon video 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. Hãy giữ lại thông báo giấy phép nếu bạn phân phối lại chính các file icon.
Làm sao để đổi màu icon video?
Các SVG dùng currentColor, nên bạn chỉ cần đặt thuộc tính color CSS cho phần tử cha — hoặc mở icon trong trình 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 rồi dùng Copy to Webflow (dán vào Code Embed) hoặc Copy JSX để lấy component React.