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

Biểu tượng âm nhạc miễn phí (SVG)

48 biểu tượng âm nhạc miễn phí từ các bộ mã nguồn mở — nhấn 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

music-3
Lucidemusic
Tablermusic-note
Phosphorfile-music
Bootstrap Iconsmusic-note
Iconoirmusic-note-1-20-filled
Fluent UImusic-off
Material Symbolsmusic
Material Design Iconsmusic
Carbonfile-music
Lucidemusic-x
Tablermusic-note-bold
Phosphorfile-music-fill
Bootstrap Iconsmusic-note-solid
Iconoirmusic-note-1-20-regular
Fluent UImusic-off-rounded
Material Symbolsmusic-box
Material Design Iconsmusic-add
Carbonlist-music
Lucidemusic-up
Tablermusic-note-duotone
Phosphormusic-note
Bootstrap Iconsmusic-note-1-24-filled
Fluent UImusic-cast
Material Symbolsmusic-box-outline
Material Design Iconsmusic-remove
Carbonmusic-cog
Tablermusic-note-fill
Phosphorapple-music
Bootstrap Iconsmusic-note-1-24-regular
Fluent UImusic-cast-rounded
Material Symbolsmusic-off
Material Design Iconsmusic-off
Tablermusic-note-light
Phosphormusic-player
Bootstrap Iconsmusic-note-2-16-filled
Fluent UImusic-note
Material Symbolsbook-music
Material Design Iconsmusic-pin
Tablermusic-note-thin
Phosphormusic-player-fill
Bootstrap Iconsmusic-note-2-16-regular
Fluent UImusic-note-rounded
Material Symbolsbook-music-outline
Material Design Iconsfile-music
Tablermusic-notes
Phosphormusic-note-2-20-filled
Fluent UImusic-video
Material Symbols

Cách dùng biểu tượng âm nhạc

Nốt nhạc đánh dấu âm thanh, danh sách phát và các cài đặt âm thanh.

Tất cả icon ở đây đều dùng currentColor, nên chúng nhận màu chữ của phần tử chứa nó — một SVG hoạt động tốt trên nền sáng lẫn nền tối, trong liên kết lẫn nút bấm. Hãy đặt rõ width và height (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ợ tiếp cận

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 icon 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ư “Âm nhạc”.

Giấy phép

Các biểu tượng âm nhạc này đến từ Lucide, Tabler, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons, Carbon — 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 biểu tượng âm nhạc này có miễn phí để dùng 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 tệp icon.
Làm cách nào để đổi màu biểu tượng âm nhạc?
Các SVG dùng currentColor, nên bạn chỉ cần đặt màu 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 Sao chép sang Webflow (dán vào Code Embed) hoặc Sao chép JSX cho component React.