Windows 10 will reach EOS (end of support) on October 14, 2025. For more information, see this article.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was closed and archived. Please ask a new question if you need help.

SVG <g> tag is not working

  • 1 reply
  • 1 has this problem
  • 1 view
  • Last reply by SuMo Bot

SuMo Bot
SuMo Bot
more options

In Chrome Browser, svg <g> tag is working well, but when I looking to Firefox It doesn't work.

What should I do?

Code like this.. ``` 

   <g filter="url(#b)">
       <path fill="#F1F1F1" fill-opacity=".3" fill-rule="evenodd"
             d="M64.968 37.043c1.283-.232 3.18-.502 5.076-.502 1.897 0 3.794.27 5.076.502 1.01.183 1.834.88 2.251 1.817l3.004 6.758a1 1 0 0 0 .413.46l4.132 2.385a1 1 0 0 0 .605.128l7.355-.778c1.02-.108 2.035.259 2.699 1.041.842.995 2.024 2.503 2.973 4.145.948 1.643 1.663 3.42 2.103 4.647.346.966.156 2.028-.448 2.858l-3.99 5.485a1 1 0 0 0-.192.588v5.763a1 1 0 0 0 .191.588l3.989 5.483c.604.83.794 1.892.448 2.858-.44 1.227-1.154 3.004-2.103 4.647-.948 1.642-2.13 3.15-2.973 4.145-.663.782-1.678 1.149-2.699 1.04l-6.133-.648a1 1 0 0 0-.605.128l-5.85 3.378a1 1 0 0 0-.414.46l-2.505 5.636c-.416.938-1.241 1.634-2.25 1.817-1.283.232-3.18.502-5.077.502-1.896 0-3.793-.27-5.076-.502-1.01-.183-1.834-.879-2.25-1.817l-2.506-5.636a1 1 0 0 0-.414-.46l-5.85-3.377a1 1 0 0 0-.604-.129l-6.134.649c-1.02.108-2.035-.258-2.699-1.041-.842-.995-2.024-2.503-2.973-4.145-.948-1.643-1.663-3.42-2.102-4.647-.347-.966-.156-2.028.447-2.858l3.99-5.483a1 1 0 0 0 .19-.588v-5.763a1 1 0 0 0-.19-.588l-3.991-5.485c-.604-.83-.794-1.892-.448-2.858.44-1.227 1.154-3.004 2.103-4.647.948-1.642 2.13-3.15 2.973-4.145.663-.782 1.678-1.149 2.699-1.04l7.354.777a1 1 0 0 0 .605-.128l4.132-2.386a1 1 0 0 0 .414-.46l3.003-6.757c.417-.938 1.242-1.634 2.251-1.817Zm5.075 46.165c7.364 0 13.333-5.97 13.333-13.334s-5.969-13.333-13.333-13.333S56.71 62.51 56.71 69.874c0 7.364 5.97 13.334 13.333 13.334Z"
             clip-rule="evenodd"/>
       <path fill="url(#c)" fill-opacity=".2" fill-rule="evenodd"
             d="M64.968 37.043c1.283-.232 3.18-.502 5.076-.502 1.897 0 3.794.27 5.076.502 1.01.183 1.834.88 2.251 1.817l3.004 6.758a1 1 0 0 0 .413.46l4.132 2.385a1 1 0 0 0 .605.128l7.355-.778c1.02-.108 2.035.259 2.699 1.041.842.995 2.024 2.503 2.973 4.145.948 1.643 1.663 3.42 2.103 4.647.346.966.156 2.028-.448 2.858l-3.99 5.485a1 1 0 0 0-.192.588v5.763a1 1 0 0 0 .191.588l3.989 5.483c.604.83.794 1.892.448 2.858-.44 1.227-1.154 3.004-2.103 4.647-.948 1.642-2.13 3.15-2.973 4.145-.663.782-1.678 1.149-2.699 1.04l-6.133-.648a1 1 0 0 0-.605.128l-5.85 3.378a1 1 0 0 0-.414.46l-2.505 5.636c-.416.938-1.241 1.634-2.25 1.817-1.283.232-3.18.502-5.077.502-1.896 0-3.793-.27-5.076-.502-1.01-.183-1.834-.879-2.25-1.817l-2.506-5.636a1 1 0 0 0-.414-.46l-5.85-3.377a1 1 0 0 0-.604-.129l-6.134.649c-1.02.108-2.035-.258-2.699-1.041-.842-.995-2.024-2.503-2.973-4.145-.948-1.643-1.663-3.42-2.102-4.647-.347-.966-.156-2.028.447-2.858l3.99-5.483a1 1 0 0 0 .19-.588v-5.763a1 1 0 0 0-.19-.588l-3.991-5.485c-.604-.83-.794-1.892-.448-2.858.44-1.227 1.154-3.004 2.103-4.647.948-1.642 2.13-3.15 2.973-4.145.663-.782 1.678-1.149 2.699-1.04l7.354.777a1 1 0 0 0 .605-.128l4.132-2.386a1 1 0 0 0 .414-.46l3.003-6.757c.417-.938 1.242-1.634 2.251-1.817Zm5.075 46.165c7.364 0 13.333-5.97 13.333-13.334s-5.969-13.333-13.333-13.333S56.71 62.51 56.71 69.874c0 7.364 5.97 13.334 13.333 13.334Z"
             clip-rule="evenodd"/>
       <path stroke="url(#d)" stroke-opacity=".1" stroke-width=".2"
             d="M64.986 37.142c1.28-.232 3.17-.501 5.058-.501 1.889 0 3.779.269 5.059.5.974.177 1.772.85 2.177 1.76l3.003 6.757a1.1 1.1 0 0 0 .455.506l4.132 2.386a1.1 1.1 0 0 0 .666.14l7.355-.777c.99-.105 1.971.25 2.611 1.006.841.992 2.019 2.495 2.963 4.13.944 1.636 1.657 3.407 2.096 4.631.334.932.151 1.96-.435 2.765l-3.99 5.485a1.1 1.1 0 0 0-.211.647v5.763c0 .233.074.46.21.647l3.989 5.483c.586.805.769 1.833.435 2.765-.439 1.224-1.151 2.996-2.095 4.63-.945 1.636-2.122 3.139-2.963 4.131-.64.755-1.622 1.111-2.612 1.006l-6.133-.648a1.1 1.1 0 0 0-.666.14l-5.85 3.378a1.1 1.1 0 0 0-.455.506l-2.505 5.637c-.405.91-1.203 1.582-2.177 1.758-1.28.232-3.17.501-5.059.501-1.888 0-3.778-.269-5.058-.501-.974-.176-1.773-.848-2.177-1.758l-2.505-5.637a1.101 1.101 0 0 0-.456-.506l-5.85-3.377a1.1 1.1 0 0 0-.665-.141l-6.133.648c-.99.105-1.972-.25-2.612-1.006-.841-.992-2.019-2.495-2.963-4.13-.944-1.635-1.657-3.407-2.095-4.631-.334-.932-.152-1.96.434-2.765l3.989-5.483a1.1 1.1 0 0 0 .21-.647v-5.763a1.1 1.1 0 0 0-.21-.647l-3.99-5.485c-.586-.805-.77-1.833-.435-2.765.439-1.224 1.151-2.995 2.095-4.63.945-1.636 2.122-3.139 2.963-4.13.64-.756 1.622-1.112 2.612-1.007l7.355.778a1.1 1.1 0 0 0 .665-.142l4.132-2.385a1.1 1.1 0 0 0 .455-.506L62.81 38.9c.404-.91 1.203-1.582 2.177-1.758Zm5.057 46.166c7.42 0 13.433-6.015 13.433-13.434s-6.014-13.433-13.433-13.433S56.61 62.455 56.61 69.874c0 7.42 6.014 13.434 13.433 13.434Z"/>
   </g>

```

In Chrome Browser, svg <g> tag is working well, but when I looking to Firefox It doesn't work. What should I do? Code like this.. ``` <g filter="url(#b)"> <path fill="#F1F1F1" fill-opacity=".3" fill-rule="evenodd" d="M64.968 37.043c1.283-.232 3.18-.502 5.076-.502 1.897 0 3.794.27 5.076.502 1.01.183 1.834.88 2.251 1.817l3.004 6.758a1 1 0 0 0 .413.46l4.132 2.385a1 1 0 0 0 .605.128l7.355-.778c1.02-.108 2.035.259 2.699 1.041.842.995 2.024 2.503 2.973 4.145.948 1.643 1.663 3.42 2.103 4.647.346.966.156 2.028-.448 2.858l-3.99 5.485a1 1 0 0 0-.192.588v5.763a1 1 0 0 0 .191.588l3.989 5.483c.604.83.794 1.892.448 2.858-.44 1.227-1.154 3.004-2.103 4.647-.948 1.642-2.13 3.15-2.973 4.145-.663.782-1.678 1.149-2.699 1.04l-6.133-.648a1 1 0 0 0-.605.128l-5.85 3.378a1 1 0 0 0-.414.46l-2.505 5.636c-.416.938-1.241 1.634-2.25 1.817-1.283.232-3.18.502-5.077.502-1.896 0-3.793-.27-5.076-.502-1.01-.183-1.834-.879-2.25-1.817l-2.506-5.636a1 1 0 0 0-.414-.46l-5.85-3.377a1 1 0 0 0-.604-.129l-6.134.649c-1.02.108-2.035-.258-2.699-1.041-.842-.995-2.024-2.503-2.973-4.145-.948-1.643-1.663-3.42-2.102-4.647-.347-.966-.156-2.028.447-2.858l3.99-5.483a1 1 0 0 0 .19-.588v-5.763a1 1 0 0 0-.19-.588l-3.991-5.485c-.604-.83-.794-1.892-.448-2.858.44-1.227 1.154-3.004 2.103-4.647.948-1.642 2.13-3.15 2.973-4.145.663-.782 1.678-1.149 2.699-1.04l7.354.777a1 1 0 0 0 .605-.128l4.132-2.386a1 1 0 0 0 .414-.46l3.003-6.757c.417-.938 1.242-1.634 2.251-1.817Zm5.075 46.165c7.364 0 13.333-5.97 13.333-13.334s-5.969-13.333-13.333-13.333S56.71 62.51 56.71 69.874c0 7.364 5.97 13.334 13.333 13.334Z" clip-rule="evenodd"/> <path fill="url(#c)" fill-opacity=".2" fill-rule="evenodd" d="M64.968 37.043c1.283-.232 3.18-.502 5.076-.502 1.897 0 3.794.27 5.076.502 1.01.183 1.834.88 2.251 1.817l3.004 6.758a1 1 0 0 0 .413.46l4.132 2.385a1 1 0 0 0 .605.128l7.355-.778c1.02-.108 2.035.259 2.699 1.041.842.995 2.024 2.503 2.973 4.145.948 1.643 1.663 3.42 2.103 4.647.346.966.156 2.028-.448 2.858l-3.99 5.485a1 1 0 0 0-.192.588v5.763a1 1 0 0 0 .191.588l3.989 5.483c.604.83.794 1.892.448 2.858-.44 1.227-1.154 3.004-2.103 4.647-.948 1.642-2.13 3.15-2.973 4.145-.663.782-1.678 1.149-2.699 1.04l-6.133-.648a1 1 0 0 0-.605.128l-5.85 3.378a1 1 0 0 0-.414.46l-2.505 5.636c-.416.938-1.241 1.634-2.25 1.817-1.283.232-3.18.502-5.077.502-1.896 0-3.793-.27-5.076-.502-1.01-.183-1.834-.879-2.25-1.817l-2.506-5.636a1 1 0 0 0-.414-.46l-5.85-3.377a1 1 0 0 0-.604-.129l-6.134.649c-1.02.108-2.035-.258-2.699-1.041-.842-.995-2.024-2.503-2.973-4.145-.948-1.643-1.663-3.42-2.102-4.647-.347-.966-.156-2.028.447-2.858l3.99-5.483a1 1 0 0 0 .19-.588v-5.763a1 1 0 0 0-.19-.588l-3.991-5.485c-.604-.83-.794-1.892-.448-2.858.44-1.227 1.154-3.004 2.103-4.647.948-1.642 2.13-3.15 2.973-4.145.663-.782 1.678-1.149 2.699-1.04l7.354.777a1 1 0 0 0 .605-.128l4.132-2.386a1 1 0 0 0 .414-.46l3.003-6.757c.417-.938 1.242-1.634 2.251-1.817Zm5.075 46.165c7.364 0 13.333-5.97 13.333-13.334s-5.969-13.333-13.333-13.333S56.71 62.51 56.71 69.874c0 7.364 5.97 13.334 13.333 13.334Z" clip-rule="evenodd"/> <path stroke="url(#d)" stroke-opacity=".1" stroke-width=".2" d="M64.986 37.142c1.28-.232 3.17-.501 5.058-.501 1.889 0 3.779.269 5.059.5.974.177 1.772.85 2.177 1.76l3.003 6.757a1.1 1.1 0 0 0 .455.506l4.132 2.386a1.1 1.1 0 0 0 .666.14l7.355-.777c.99-.105 1.971.25 2.611 1.006.841.992 2.019 2.495 2.963 4.13.944 1.636 1.657 3.407 2.096 4.631.334.932.151 1.96-.435 2.765l-3.99 5.485a1.1 1.1 0 0 0-.211.647v5.763c0 .233.074.46.21.647l3.989 5.483c.586.805.769 1.833.435 2.765-.439 1.224-1.151 2.996-2.095 4.63-.945 1.636-2.122 3.139-2.963 4.131-.64.755-1.622 1.111-2.612 1.006l-6.133-.648a1.1 1.1 0 0 0-.666.14l-5.85 3.378a1.1 1.1 0 0 0-.455.506l-2.505 5.637c-.405.91-1.203 1.582-2.177 1.758-1.28.232-3.17.501-5.059.501-1.888 0-3.778-.269-5.058-.501-.974-.176-1.773-.848-2.177-1.758l-2.505-5.637a1.101 1.101 0 0 0-.456-.506l-5.85-3.377a1.1 1.1 0 0 0-.665-.141l-6.133.648c-.99.105-1.972-.25-2.612-1.006-.841-.992-2.019-2.495-2.963-4.13-.944-1.635-1.657-3.407-2.095-4.631-.334-.932-.152-1.96.434-2.765l3.989-5.483a1.1 1.1 0 0 0 .21-.647v-5.763a1.1 1.1 0 0 0-.21-.647l-3.99-5.485c-.586-.805-.77-1.833-.435-2.765.439-1.224 1.151-2.995 2.095-4.63.945-1.636 2.122-3.139 2.963-4.13.64-.756 1.622-1.112 2.612-1.007l7.355.778a1.1 1.1 0 0 0 .665-.142l4.132-2.385a1.1 1.1 0 0 0 .455-.506L62.81 38.9c.404-.91 1.203-1.582 2.177-1.758Zm5.057 46.166c7.42 0 13.433-6.015 13.433-13.434s-6.014-13.433-13.433-13.433S56.61 62.455 56.61 69.874c0 7.42 6.014 13.434 13.433 13.434Z"/> </g> ```

All Replies (2)

SuMo Bot
SuMo Bot Question owner
more options

dddddddddd

SuMo Bot
SuMo Bot Question owner
more options

This question has been locked because the original author has deleted their account. While you can no longer post new replies, the existing content remains available for reference.