question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Advertisement in svg output

See original GitHub issue

Hey! Today we set out to upgrade our version of @tabler/icons from 1.41.2 to 1.68.0.

It seemed legit from the changelog. But our snapshot tests failed. When I inspected I found this in every snapshot that rendered an icon:

+ <desc>
+   Download more icon variants from https://tabler-icons.io/i/calendar-event
+ </desc>

This is quite a significant change since it adds bloat to a site with a lot of icons. But I can’t find any documentation around why or when this was added. It seems to have been released with v1.67.1, but there’s no notion about this change in the release notes.

By searching through the history I found that it was added in 596547f06749698b37ab8dfafc2a17b19a81f74f which was pushed directly to master, without a corresponding PR.

I get that you want to advertise the work you do for free, work which is very valuable to us, and I can’t blame you, we can fork. But I just feel that this should have been communicated somehow.

Can you provide your reasoning behind this kind of change?

Issue Analytics

  • State:closed
  • Created a year ago
  • Reactions:15
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

8reactions
codecalmcommented, Jun 14, 2022

i’ve removed advertisement in newest release 😃

2reactions
mtsknncommented, May 26, 2022

Could HTML comments like <!-- Download more icon variants from https://tabler-icons.io/i/calendar-event --> be an acceptable alternative? Though that would probably only work with SVG files, not with React components etc.

Another potential issue: if a page contains many icons, the page will then contain many instances of the “Download more icon variants from tabler-icons.io” text. Is it possible that Googlebot interprets this as spam? 🤔 Especially since the texts are “hidden” in the <desc> elements. No idea, just thinking.

Two thoughts for the accessibility issue until it’s properly fixed:

  • If an icon is hidden from screen readers with aria-hidden="true" (and in my experience icons often have this attribute), do screen readers still announce the <desc> element?
  • If an icon can’t have aria-hidden="true" for some reason, can the <desc> element be hidden with CSS? Something like .icon-tabler desc { display: none; }. Would screen readers then ignore the <desc> element?
Read more comments on GitHub >

github_iconTop Results From Across the Web

Advertising Vector SVG Icon (2) - SVG Repo
Free Download Advertising 2 SVG vector file in monocolor and multicolor type for Sketch or Illustrator from Advertising 2 Vectors svg vector collection....
Read more >
Media Advertising Icon Pack | 50 .SVG Icons - Flaticon
Download now Media Advertising Free Icons - Pack | Available sources SVG, EPS, PSD, PNG files. Personal and Commercial use.
Read more >
Rich Media Advertising with SVG and JavaScript - SlideShare
Research and prototypes presented on SVGOPEN 2009 about designing and developing rich media ads with SVG and JavaScript including HTML5 Video.
Read more >
The Different Ways of Getting SVG Out of Adobe Illustrator
TL;DR: Exporting, like File > Export > Export As… SVG then optimizing is your best bet for the web. The “Save As…” Method....
Read more >
Work with SVG files in Animate - Adobe Support
Select File > Export > Export Image. or select File > Publish Settings (select the SVG Image option in the Other Formats section.)...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found