Home › Forums › CSS › Icon sizes: How can I resize them? › Reply To: Icon sizes: How can I resize them?
September 18, 2016 at 12:23 pm
#245675
grebre0
Participant
It depends on icon type.
If it’s inline svg/img icon (may looks something like this <svg class="my-icon">
or <img class="my-icon" />
) try to use
.my-icon {
width: 100px;
height: 100px;
}
If icon is used not inline but as a background (may looks something like this<i class="my-icon"></i>
) try to use
.my-icon {
width: 100px;
height: 100px;
background-size: 100% 100%;
}
If it’s from icon font (may looks something like this<i class="my-icon">twitter</i>
) try to use
.my-icon {
font-size: 100px;
}