SVG Background

  • https://gsecare.com/svg/

    Hi GP,

    Wondering if you’ve seen this and maybe it’s a fast fix? The SVGs a client wants to use are putting a fill black background … you can see on the link above. Is there a quick CSS override? Should SVGs all be transparent by default?

    Maybe it in their GPT output? Guessing maybe something to do with stroke

    <svg width=”72″ height=”72″ viewBox=”0 0 72 72″ fill=”none” xmlns=”http://www.w3.org/2000/svg”&gt;
    <g stroke=”#16A34A” stroke-width=”2.5″ stroke-linecap=”round” stroke-linejoin=”round”>

    <!– Caregiver –>
    <circle cx=”46″ cy=”20″ r=”6″/>
    <path d=”M40 48V30c0-4 12-4 12 0v18″/>

    <!– Senior –>
    <circle cx=”26″ cy=”20″ r=”6″/>
    <path d=”M20 48V30c0-4 12-4 12 0v18″/>

    <!– Cane –>
    <path d=”M20 30v18″/>

    <!– Connection –>
    <path d=”M30 34c2 2 6 2 8 0″/>

    </g>
    </svg>

  • Hello,

    Try removing the icon color:

    Icon color

  • Thanks! It was showing as none.. But working now.

  • Glad to know, you are welcome!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.