Cloudflare LogoNavigate Back
Cloudflare Style
Cloudflare Style is in Alpha and is a work-in-progress. Expect changes. Contact DESSYS with any questions.
Guides
Icons

Designing new Icons

When and if there is the necessity to create new icons, make sure to follow these rules and always get approval from the review team members.

Resources

  • Cloudflare Icons — This is part of the "Shared Design System" and is the single source of truth of all icons. This file purposfully has limited write access.
  • Cloudflare Icons — Working File — This is where you should submit new icons to be reviewed before they're promoted to the Icons file.

Grids and Features

To maintain consistency across all materials, always size icons according to the defined heights and widths.

Select the artboard then File, Plugins, and SVG Export.

  • Square icons should be 48px x 48px
  • Round icons should be 52px x 52px
  • Wide icons should be 64px x 36px
  • Narrrow icons should be 36px x 64px

See also

  • ↑ Top
  • Resources
  • Grids and Features
  • See also

  • LinkedIn
  • Facebook
  • Twitter
  • GitHub
  • YouTube

Cloudflare LogoNavigate back
  • © 2021 Cloudflare, Inc.
  • About Cloudflare
  • Careers
  • Terms of Use
  • Disclosure
  • Trademark