Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Icon sizes: How can I resize them? Reply To: Icon sizes: How can I resize them?

#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;
}