Here's the code:
<div class = "banner-image w-100 vh-100 d-flex justify-content-center align-items-
center">
<div class = "content text-center">
<i class="bi-chevron-compact-down bi-7x"></i>
<p1 class = "little text-white">TUKLASIN ANG Hello</p1>
</div>
</div>
I used cdn for installation in Bootstrap5. I'd appreciate your help, thank you very much.
You can use bootstrap fs- class for changing the size of you icon
<!DOCTYPE html>
<html>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
<body>
<div class="banner-image w-100 vh-100 d-flex justify-content-center align-items-
center">
<div class="content text-center">
<i class="bi-chevron-compact-down fs-1"></i>
<p1 class="little text-white">TUKLASIN ANG Hello</p1>
</div>
</div>
</body>
</html>
fs- can be from 1 to 6
read more : https://getbootstrap.com/docs/5.2/utilities/text/#font-size