i want to add background color around some icon, i have added the html code and th epicture-CodePudding

    <img  src="/images/icon-document.svg" alt="icon-document">

    <img  src="/images/icon-folder.svg" alt="icon-folder">

    <img  src="/images/icon-upload.svg" alt="icon-upload">
    </div>

this is the image of what I want to achievestrong text

CodePudding user response：

Raphael, it is either the icon image is already carrying the background-color, but if not then the icon would have to be png image with no background.

It is only when the image itself has no background that you can add background with CSS

CodePudding user response：

try to use font awesome icon. then you can easily set a background color.