Skip to content

feat(icons): Add cloud-sync and cloud-backup #3466

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

Open
wants to merge 5 commits into
base: main
Choose a base branch
from

Conversation

ericfennis
Copy link
Member

Closes #2055

Icon use case

From #2055:

Similar to the folder-sync icon the cloud sync would indicate a (two-way) sync with the cloud.
At the moment there are two cloud icons that either represent an upload or a download but no icon for both.

The use-case is that often one wants to sync information both ways (up and down) at the same time. This could be represented in two ways: either with an up and down arrow next to each other or -- like with the folder-sync -- a cloud and two arrows in a circle.

Alternative icon designs

See #2055

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 # by @
  • I've based them on the following Lucide icons:
  • 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

@github-actions github-actions bot added 🎨 icon About new icons 🫧 metadata Improved metadata labels Jul 28, 2025
Copy link
Contributor

github-actions bot commented Jul 28, 2025

Added or changed icons

icons/cloud-backup.svgicons/cloud-sync.svg

Preview cohesion icons/square-chevron-up.svgicons/rotate-ccw-square.svg
icons/cloud-backup.svgicons/cloud-sync.svg
icons/copy-plus.svgicons/person-standing.svg
Preview stroke widths icons/cloud-backup.svgicons/cloud-sync.svg
icons/cloud-backup.svgicons/cloud-sync.svg
icons/cloud-backup.svgicons/cloud-sync.svg
DPI Preview

16px (shadcn/ui)

icons/cloud-backup.svg icons/cloud-sync.svg

24px (default)

icons/cloud-backup.svg icons/cloud-sync.svg

32px (shadcn/ui + retina)

icons/cloud-backup.svg icons/cloud-sync.svg

48px (default + retina)

icons/cloud-backup.svg icons/cloud-sync.svg
Icon X-rays icons/cloud-backup.svg icons/cloud-sync.svg
Icon Diffs icons/cloud-backup.svg icons/cloud-sync.svg
Icons as code

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

const CloudBackupIcon = createLucideIcon('CloudBackup', [
  ["path",{"d":"M21 15.251A4.5 4.5 0 0 0 17.5 8h-1.79A7 7 0 1 0 3 13.607"}],
  ["path",{"d":"M7 11v4h4"}],
  ["path",{"d":"M8 19a5 5 0 0 0 9-3 4.5 4.5 0 0 0-4.5-4.5 4.82 4.82 0 0 0-3.41 1.41L7 15"}]
])

const CloudSyncIcon = createLucideIcon('CloudSync', [
  ["path",{"d":"m17 18-1.535 1.605a5 5 0 0 1-8-1.5"}],
  ["path",{"d":"M17 22v-4h-4"}],
  ["path",{"d":"M20.996 15.251A4.5 4.5 0 0 0 17.495 8h-1.79a7 7 0 1 0-12.709 5.607"}],
  ["path",{"d":"M7 10v4h4"}],
  ["path",{"d":"m7 14 1.535-1.605a5 5 0 0 1 8 1.5"}]
])

@ericfennis
Copy link
Member Author

Not sure about the naming of the icons.
But I tried to be more in line with the other *-sync icons and database-backup.
Curious what you think.

github-actions[bot]

This comment was marked as resolved.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🎨 icon About new icons 🫧 metadata Improved metadata
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Sync with Cloud Icon
1 participant