Add Linktree

[PeterShaggyNoble]

Issue: Closes #3846
Alexa rank: 436

Checklist

• I updated the JSON data in _data/simple-icons.json
• I optimized the icon with SVGO or SVGOMG
• The SVG viewbox is 0 0 24 24

Description

Icon & colour from SVG in website header; I went with the lighter green as they also use if for the buttons on their site. Unfortunately, I had to go with a precision of 4 to prevent SVGO from resizing it.

This PR also removes an unnecessary JPG file that was inadvertently added in #4561

[fbernhart]

Oops ... Sorry, I didn't notice that there was a JPG file added while reviewing #4561. Thanks for pointing out! 🏆

Makes me wondering if we could add a new rule to the linter, that quickly checks if only SVG files are located in the icons folder? @simple-icons/maintainers what do you think?

Some days ago I saw that someone added a LNK file by mistake to their PR. So it seems like stuff like this happens from time to time.

[fbernhart]

@PeterShaggyNoble Here is a path with a precision of 3. Feel free to use it.

<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Linktree icon</title><path d="M8.033 1.892a1.065 1.065 0 0 0-.971.547L.102 15.065c-.323.648.161 1.38.89 1.38h4.695v4.772c0 .487.404.892.89.892h2.75a.897.897 0 0 0 .892-.89v-4.775H8.924a1.052 1.052 0 0 1-1.05-.891c0-.162-.001-.325.079-.488l3.884-7.041-2.913-5.585a1.065 1.065 0 0 0-.891-.547zm7.937.003a1.065 1.065 0 0 0-.894.544l-2.995 5.587 3.884 7.039c.082.163.082.326.082.488a1.052 1.052 0 0 1-1.053.891H13.7v4.776a.898.898 0 0 0 .89.889h2.915a.899.899 0 0 0 .891-.892v-4.773h4.611c.729 0 1.215-.73.891-1.38L16.937 2.44a1.065 1.065 0 0 0-.967-.544z"/></svg>

Sometimes it helps resizing the icon to 23.999 or 24.001 instead before optimizing it. And then after the optimization it will be exactly 24.000. 😊

[PeterShaggyNoble]

Thanks, @fbernhart. However, I'm seeing a hairline difference at the bottom of the arrowheads when comparing your version (in red) with the original.

[PeterShaggyNoble]

Makes me wondering if we could add a new rule to the linter, that quickly checks if only SVG files are located in the icons folder?

Yes, no harm in doing that, if it's possible - we've all accidentally pasted the wrong file into the wrong directory at some stage!

[ericcornelissen]

Makes me wondering if we could add a new rule to the linter, that quickly checks if only SVG files are located in the icons folder?

Yes, no harm in doing that, if it's possible - we've all accidentally pasted the wrong file into the wrong directory at some stage!

This could be added fairly easily to the our-lint script using fs.readdir/fs.readdirSync 👍

[service-paradis]

Makes me wondering if we could add a new rule to the linter, that quickly checks if only SVG files are located in the icons folder?

Yes, no harm in doing that, if it's possible - we've all accidentally pasted the wrong file into the wrong directory at some stage!

This could be added fairly easily to the our-lint script using fs.readdir/fs.readdirSync 👍

Maybe we could add a rule in .gitignore too to allow only SVG files.

Something like:

#ignore all kind of files
icons/*
#except SVG files
!*.svg

[adamrusted]

Makes me wondering if we could add a new rule to the linter, that quickly checks if only SVG files are located in the icons folder?

Yes, no harm in doing that, if it's possible - we've all accidentally pasted the wrong file into the wrong directory at some stage!

This could be added fairly easily to the our-lint script using fs.readdir/fs.readdirSync 👍

Maybe we could add a rule in .gitignore too to allow only SVG files.

Something like:

#ignore all kind of files
icons/*
#except SVG files
!*.svg

My bad! Sorry guys 😅
Obviously very keen to share the Zotero icon!

[ericcornelissen]

Maybe we could add a rule in .gitignore too to allow only SVG files.

Something like:

#ignore all kind of files
icons/*
#except SVG files
!*.svg

Perhaps that is a bit easier yes, not a bad idea! (Theoretically this can be circumvented, in contrast to the linter, but that's not something to worry about). Without the intention of hijacking this PR for this disussion, should this go in the root folder's .gitignore or a separate .gitignore inside the icons directory? 🤔

My bad! Sorry guys sweat_smile
Obviously very keen to share the Zotero icon!

No problem at all, it happens to the best of us 😄

[PeterShaggyNoble]

I'd stick it in the root .gitignore, @ericcornelissen, to keep everything in one place.

[adamrusted]

@PeterShaggyNoble able to get it down to a precision of 3 by exporting from illustrator with the path being 24.0001px wide and using SVGO. Feel free to use below path:

<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Linktree icon</title><path d="M7.953 15.066c-.08.163-.08.324-.08.486.08.517.528.897 1.052.89h1.294v4.776c0 .486-.404.89-.89.89H6.577a.898.898 0 0 1-.889-.891v-4.774H.992c-.728 0-1.214-.729-.89-1.377l6.96-12.627a1.065 1.065 0 0 1 1.863 0l2.913 5.585-3.885 7.042zm15.945 0l-6.96-12.627a1.065 1.065 0 0 0-1.862 0l-2.995 5.586 3.885 7.04c.081.164.081.326.081.487-.08.517-.529.897-1.052.89h-1.296v4.776c.005.49.4.887.89.89h2.914a.9.9 0 0 0 .892-.89v-4.775h4.612c.73 0 1.214-.729.89-1.377z"/></svg>

[PeterShaggyNoble]

That works, thanks, @adamrusted. Updated.

[adamrusted]

Amazing, thanks @PeterShaggyNoble! 🔗🌲