Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: add HardDriveFilled icon #215

Merged
merged 2 commits into from
Jun 4, 2024
Merged

feat: add HardDriveFilled icon #215

merged 2 commits into from
Jun 4, 2024

Conversation

nickleach
Copy link
Contributor

Adds "HardDriveFilled" icon

Copy link

github-actions bot commented Jun 4, 2024

CLA Assistant Lite bot All contributors have signed the CLA ✍️ ✅

@nickleach
Copy link
Contributor Author

I have read the CLA Document and I hereby sign the CLA

@nickleach
Copy link
Contributor Author

recheck

github-actions bot added a commit that referenced this pull request Jun 4, 2024
Copy link

github-actions bot commented Jun 4, 2024

size-limit report 📦

Path Size
dist/components.cjs.production.min.js 213.75 KB (+0.06% 🔺)
dist/components.esm.js 146.45 KB (+0.07% 🔺)

Copy link
Collaborator

@mikeldking mikeldking left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The icon is broken in light mode.

Comment on lines 1259 to 1268
export const HardDriveFilled = () => (
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fillRule="evenodd" clipRule="evenodd" d="M17.447 4.658L20.789 11.342C20.927 11.618 21 11.928 21 12.236V18C21 19.654 19.654 21 18 21H6C4.346 21 3 19.654 3 18V12.236C3 11.928 3.073 11.618 3.211 11.342L6.553 4.658C7.064 3.636 8.092 3 9.236 3H14.764C15.908 3 16.935 3.636 17.447 4.658ZM8.342 5.553L5.618 11H18.382L15.658 5.553C15.488 5.212 15.145 5 14.764 5H9.236C8.855 5 8.512 5.212 8.342 5.553ZM12 17H16C16.55 17 17 16.55 17 16C17 15.45 16.55 15 16 15H12C11.45 15 11 15.45 11 16C11 16.55 11.45 17 12 17ZM8 17C7.45 17 7 16.55 7 16C7 15.45 7.45 15 8 15C8.55 15 9 15.45 9 16C9 16.55 8.55 17 8 17Z" fill="white" fillOpacity="0.9"/>
<mask id="mask0_1784_33484" style={{maskType:"luminance"}} maskUnits="userSpaceOnUse" x="3" y="3" width="18" height="18">
<path fillRule="evenodd" clipRule="evenodd" d="M17.447 4.658L20.789 11.342C20.927 11.618 21 11.928 21 12.236V18C21 19.654 19.654 21 18 21H6C4.346 21 3 19.654 3 18V12.236C3 11.928 3.073 11.618 3.211 11.342L6.553 4.658C7.064 3.636 8.092 3 9.236 3H14.764C15.908 3 16.935 3.636 17.447 4.658ZM8.342 5.553L5.618 11H18.382L15.658 5.553C15.488 5.212 15.145 5 14.764 5H9.236C8.855 5 8.512 5.212 8.342 5.553ZM12 17H16C16.55 17 17 16.55 17 16C17 15.45 16.55 15 16 15H12C11.45 15 11 15.45 11 16C11 16.55 11.45 17 12 17ZM8 17C7.45 17 7 16.55 7 16C7 15.45 7.45 15 8 15C8.55 15 9 15.45 9 16C9 16.55 8.55 17 8 17Z" fill="white"/>
</mask>
<g mask="url(#mask0_1784_33484)"></g>
</svg>
)
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@nickleach the fill is hardcoded to white. It needs to be made inherit or be omitted.
Screenshot 2024-06-03 at 7 11 45 PM

Otherwise it looks bad in light mode

<mask id="mask0_1784_33484" style={{maskType:"luminance"}} maskUnits="userSpaceOnUse" x="3" y="3" width="18" height="18">
<path fillRule="evenodd" clipRule="evenodd" d="M17.447 4.658L20.789 11.342C20.927 11.618 21 11.928 21 12.236V18C21 19.654 19.654 21 18 21H6C4.346 21 3 19.654 3 18V12.236C3 11.928 3.073 11.618 3.211 11.342L6.553 4.658C7.064 3.636 8.092 3 9.236 3H14.764C15.908 3 16.935 3.636 17.447 4.658ZM8.342 5.553L5.618 11H18.382L15.658 5.553C15.488 5.212 15.145 5 14.764 5H9.236C8.855 5 8.512 5.212 8.342 5.553ZM12 17H16C16.55 17 17 16.55 17 16C17 15.45 16.55 15 16 15H12C11.45 15 11 15.45 11 16C11 16.55 11.45 17 12 17ZM8 17C7.45 17 7 16.55 7 16C7 15.45 7.45 15 8 15C8.55 15 9 15.45 9 16C9 16.55 8.55 17 8 17Z" fill="white"/>
</mask>
<g mask="url(#mask0_1784_33484)"></g>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think this mask is an artifact from the figma but not part of the actual svg. can you pull from the actual source? https://akveo.github.io/eva-icons/#/?searchKey=hard&type=outline

@@ -1256,6 +1256,16 @@ export const Globe = () => (
);

//H
export const HardDriveFilled = () => (
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">

package.json Outdated
@@ -1,5 +1,5 @@
{
"version": "1.3.3",
"version": "1.4.0",
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's bump the version during publish

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I reverted this and published as minor

@mikeldking mikeldking merged commit 14016e7 into main Jun 4, 2024
10 of 11 checks passed
@mikeldking mikeldking deleted the add-task-icon branch June 4, 2024 16:30
@github-actions github-actions bot locked and limited conversation to collaborators Jun 4, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants