Add SecurityScorecard icon

[NoDataFound]

Issue: closes #7743

Similarweb rank:
Global Rank: 269,180
Country Rank: 105,859
Category Rank: 239

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

[dirien]

Hi @NoDataFound,

can you create in issue (aka Icon request) and link it to the is PR. Also fill the infos in the PR template.

[NoDataFound]

Requested Changes complete.
Issue #7743

[dirien]

Hi @NoDataFound,

Thanks for your contribution.

I did find some differences with the original SVG linked in the issue:

[NoDataFound]

Odd and good catch. I am fixing this now, and think the viewbox area was incorrectly scaled.

[NoDataFound]

Updated with correct Aspect ratio from source

[NoDataFound]

@dirien I updated the svg file and PR with an updated preview.

[LitoMore]

@NoDataFound There is still some difference. Please make sure you enable the aspect ratio lock when you resizing.

[LitoMore]

@NoDataFound Still not fit. But no worries, let me help you out.

[LitoMore]

Perfect fit now. ✌️

@NoDataFound Thank you for your contributions.

[NoDataFound]

@LitoMore thank you SOOOO much. What was I doing wrong? I really appreciate you correcting the issue and I look forward to adding more.

Any advice or help you could offer would be appreciated.

Thank you again!

[LitoMore]

@NoDataFound I guess it's a clip-path related issue. I ungrouped all groups then removed the clip-path attribute in text mode.

Here are my steps (with Inkscape):

1. Remove unused shapes
2. Resize main shape to 24
3. Align center
4. Ungroup all groups
5. Save file
6. npm run svgo -- icons/securtityscorecard.svg
7. Open in text mode (any text editor), remove all clip-path related attributes
8. Remove fills related attributes
9. Save file
10. npm run svgo -- icons/securtityscorecard.svg
11. Done

I'm not a pro at SVG, so I can't tell what you are doing wrong. I only know using those steps may cleans up the clip-path.