Change SVG color

Hi I am trying to change the color of my svg icon and Im not sure I am grabbing the right selectors/classes and an using the fill property if thats correct?


.elementor-heading-title a img {

Hi there csosa,

find this…

Open it in your text editor and change this…

<style type="text/css">

…to this…

<style type="text/css">


hmm this doesnt seem to work, i dont see that class

Perhaps, you should’ve taken rather more
time, and looked a little more carefully. :winky:

  1. Open this file…

…in your text editor, and you will see this…

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="" xmlns:xlink="" x="0px" y="0px"
	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
<style type="text/css">
<g id="User">
	<path id="Combined-Shape" class="st0" d="M16,15c-4.7,0-11.3,0-16,0c0-0.2,0-1.4,0-1.7c0-0.6,0.1-1.1,0.4-1.6s1.7-1.1,2.3-1.4

  1. On lines 5, 6 and 7 you will find this…
<style type="text/css">
  1. Change it to…
<style type="text/css">

  1. Click “File”
  2. Click “Save”
  3. Have a beverage. :winky:
  4. Job done. :biggrin:

If that is too difficult, then download and open the attachment… (684 Bytes)

…which contains the amended “User.svg” file.

Replace your existing file with this one.


1 Like

Im trying to put this in my css to test but its not changing



I am afraid that Hell will freeze over before it does. :unhappy:

Please, carefully read the precise instructions
which were given to you in post #4.

You will then understand that there are two options which will resolve
your dilemma.

Use the one which is most suitable to your situation. :biggrin:


ok thanks coo coo head

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.