How to change size of google icon in external css file

HTML-CSS Conversations
#1

how to increase icon size of 100px with external css file

1 Like
#2

@kollidayakar77
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;
}

1 Like
#3

What If it is a Google icon with span tag how to change this in external css iam unable to change it but it works with inline