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

Home Forums Other svg icon unordered list Reply To: svg icon unordered list


Sorry if it was not clear what I was asking.
I have recently designed a lot of landing pages. I make them responsive, and I also like to change font size with media queries.
Bullet points are important element of landing pages so I use svg icons like check marks to draw more attention to them.

this is the scss code I use

    .icon-list li{
      list-style-type: none;
      &:before {
        font-family: 'fontello';
        display: inline-block;
        font-size: 1em;
        line-height: 0;
        margin-left: - 1.5em;
        width: 1.5em;
        color: $primary-color;
        content: '\e800';

this works good for different font sizes.
with list-style-image property svg icon has only one size that does not change with font size.