feat(icons): added shield-user icon

[sebinemeth]

closes #2600

What is the purpose of this pull request?

• New Icon

Description

Added new shield-user icon.

Icon use case

Access to admin area, mark user as admin/elevated access rights

Alternative icon designs

Icon Design Checklist

Concept

• I have provided valid use cases for each icon.
• I have not added any a brand or logo icon.
• I have not used any hate symbols.
• I have not included any religious or political imagery.

Author, credits & license

• The icons are solely my own creation.
• The icons were originally created in Shield-user icon #2600 by @sebinemeth
• I've based them on the following Lucide icons: shield, user
• I've based them on the following design:

Naming

• I've read and followed the naming conventions
• I've named icons by what they are rather than their use case.
• I've provided meta JSON files in icons/[iconName].json.

Design

• I've read and followed the icon design guidelines
• I've made sure that the icons look sharp on low DPI displays.
• I've made sure that the icons look consistent with the icon set in size, optical volume and density.
• I've made sure that the icons are visually centered.
• I've correctly optimized all icons to three points of precision.

Before Submitting

• I've read the Contribution Guidelines.
• I've checked if there was an existing PR that solves the same issue.

[github-actions]

Added or changed icons

Preview cohesion

Preview stroke widths

DPI Preview (24px)

Icon X-rays

Icon Diffs

Icons as code

Works for: lucide-react, lucide-react-native, lucide-preact, lucide-vue-next

const ShieldUserIcon = createLucideIcon('ShieldUser', [
  ["path",{"d":"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"}],
  ["path",{"d":"M6.376 18.91a6 6 0 0 1 11.249.003"}],
  ["circle",{"cx":"12","cy":"11","r":"4"}]
])

[github-actions]

This PR is stale because it has been open 45 days with no activity. Remove stale label or comment or this will be closed in 5 days.

[jguddas]

I would prefer something like this

Open lucide studio

[karsa-mistmere]

I would prefer something like this Open lucide studio

Feels a bit imbalanced, maybe a smaller user would be more appropriate:

Open lucide studio

[jguddas]

I would prefer something like this Open lucide studio

Feels a bit imbalanced, maybe a smaller user would be more appropriate:

Open lucide studio

My version is from the contact-round, and is consistend with circle-user and square-user.
So my vote is for my version, for consistency.

[karsa-mistmere]

My version is from the contact-round, and is consistend with circle-user and square-user. So my vote is for my version, for consistency.

It's not entirely consistent though, since the user shape is 1px lower than in case of circle/square-user.

I feel like even with the minor gap guideline violation this one feels better because it's much less bottom-heavy:

Open lucide studio

[jguddas]

My version is from the contact-round, and is consistend with circle-user and square-user. So my vote is for my version, for consistency.

It's not entirely consistent though, since the user shape is 1px lower than in case of circle/square-user.

I feel like even with the minor gap guideline violation this one feels better because it's much less bottom-heavy:

Open lucide studio

I'm up for this, even with the gap violation, looks nice.

[sebinemeth]

My version is from the contact-round, and is consistend with circle-user and square-user. So my vote is for my version, for consistency.

It's not entirely consistent though, since the user shape is 1px lower than in case of circle/square-user.

I feel like even with the minor gap guideline violation this one feels better because it's much less bottom-heavy:

Open lucide studio

Thanks guys for the contribution, I also like this version, changing now

[jguddas]

There are gaps that need to be closed here.

[sebinemeth]

There are gaps that need to be closed here.

I think I have managed to do that, please check:

Open lucide studio

[karsa-mistmere]

Yeah, sorry, my bad, the one I posted was just a rough draft.
This new version LGTM!

[jguddas]

The three splines should be a single arc

[sebinemeth]

The three splines should be a single arc

I'm sorry, but my SVG editing skills have reached a limit with this one, I can't create a pixel-perfect arc there. Can you help me fix it, please?

[karsa-mistmere]

The three splines should be a single arc

I'm sorry, but my SVG editing skills have reached a limit with this one, I can't create a pixel-perfect arc there. Can you help me fix it, please?

Sure thing:

Open lucide studio

---

What I did in FIgma is:

1. Insert a blank shield icon:

2. Copy the user from square-user-round into it:

3. Select and copy the intersecting path segments from shield

4. Paste them inside the arc (could've also used a new blank circle of the same dimensions and placement):

5. Use the pen tool to add the intersection points:

6. Delete any unnecessary path segments:

7. Copy the frame as SVG and paste into Lucide Studio, then press tidy.

[sebinemeth]

Thank you for the detailed answer! I will remember this. I commited the modified svg.