- Icons
- Chat
- Tags: chat bubble, text, message chat bubble, text, message
- Category: Communications Communications
Examples
Download
Download the SVG to use or edit.
Download SVG
Icon font
Using the web font? Copy, paste, and go.
Code point
- Unicode:
1 - CSS:
2 - JS:
3 - HTML:
4
Copy HTML
Paste the SVG right into your project's code.
- Trung Nguyen
27/03/2022
Nội dung chính ShowShow
- Sử dụng icon trong Bootstrap 5
- Thêm các icon Bootstrap vào một trang web
- Cách sử dụng các icon Bootstrap trong code của bạn
- Sử dụng các icon Font Awesome trong Bootstrap
- Cách sử dụng Icon của Font Awesome trong code của bạn
5 min read
Trong hướng dẫn này, bạn sẽ học cách thêm và sử dụng các icon của Bootstrap trên một trang web.
Sử dụng icon trong Bootstrap 5
Thêm các icon Bootstrap vào một trang web
Cách sử dụng các icon Bootstrap trong code của bạn
Sử dụng các icon Font Awesome trong Bootstrap
Thêm các icon Bootstrap vào một trang web
Cách sử dụng các icon Bootstrap trong code của bạn
Sử dụng các icon Font Awesome trong Bootstrap
Including Bootstrap Icons in HTML
Hello, world!
Cách sử dụng các icon Bootstrap trong code của bạn
Sử dụng các icon Font Awesome trong Bootstrap
Cách sử dụng Icon của Font Awesome trong code của bạn
5 min readclass-name là tên của lớp icon cụ thể, ví dụ:
0,
1,
2,
3,
4,
5,
6, v.v. Xem danh sách tất cả các lớp icon Bootstrap.Trong hướng dẫn này, bạn sẽ học cách thêm và sử dụng các icon của Bootstrap trên một trang web.
8Kết quả của ví dụ trên sẽ giống như sau:
Tương tự, bạn có thể đặt các icon bên trong thanh điều hướng, form, table, đoạn văn hoặc bất cứ nơi nào bạn muốn. Trong chương tiếp theo, bạn sẽ thấy cách sử dụng các iconnày trong thành phần điều hướng của Bootstrap.
Bootstrap hiện bao gồm hơn 1.600 icon chất lượng cao, có sẵn ở định dạng SVG, SVG sprite hoặc web font. Bạn có thể sử dụng chúng có hoặc không có Bootstrap trong bất kỳ dự án nào. Hãy nhớ để lại một khoảng trống sau thẻ đóng của phần tử icon [tức là sau thẻ7], khi sử dụng các icon cùng với các chuỗi văn bản, chẳng hạn như các button bên trong hoặc liên kết điều hướng, để đảm bảo rằng có khoảng cách thích hợp giữa icon và văn bản .
Sử dụng các icon Font Awesome trong Bootstrap
Cách sử dụng Icon của Font Awesome trong code của bạn
5 min read
Including Bootstrap Icons in HTML
Hello, world!
1Cách sử dụng Icon của Font Awesome trong code của bạn
5 min read
Trong hướng dẫn này, bạn sẽ học cách thêm và sử dụng các icon của Bootstrap trên một trang web.Cách sử dụng Icon của Font Awesome trong code của bạn
5 min readclass-name là tên của lớp icon cụ thể, ví dụ:
0,
82,
2,
3,
4,
5,
6, v.v. Xem danh sách tất cả các lớp icon của Font Awesome.Ví dụ: bạn có thể đặt icon tìm kiếm của Font Awesome bên trong một button như sau:
9Kết quả của ví dụ trên sẽ giống như sau:
Tương tự, bạn có thể đặt các icon bên trong thanh điều hướng, form, table, đoạn văn hoặc bất cứ nơi nào bạn muốn. Trong chương tiếp theo, bạn sẽ thấy cách sử dụng các iconnày trong thành phần điều hướng của Bootstrap.
Lưu ý: Hãy nhớ để lại một khoảng trống sau thẻ đóng của phần tử icon [tức là sau thẻ
7], khi sử dụng các icon cùng với các chuỗi văn bản, chẳng hạn như các button bên trong hoặc liên kết điều hướng, để đảm bảo rằng có khoảng cách thích hợp giữa icon và văn bản .Comdy hữu ích và giúp bạn tiết kiệm thời gianComdy hữu ích và giúp bạn tiết kiệm thời gian
Sử dụng các icon Font Awesome trong Bootstraptắt trình chặn quảng cáo ❤️ để hỗ trợ chúng tôi duy trì hoạt động của trang web.tắt trình chặn quảng cáo ❤️ để hỗ trợ chúng tôi duy trì hoạt động của trang web.
Bootstrap • Bootstrap Cơ Bản