Waffles
© 2021 DataCamp, Inc.
⚠️This version of Waffles Design System is no longer maintained, and was deprecated at the end of 2022. It's main repository is archived. Please migrate your app to the New Waffles.

design

Icons

Designed to fit within the visual language of our brand.

Regular Icons

AddAdd UserApplyArchiveDown ArrowLeft ArrowRight ArrowUp ArrowAssessAssignmentAttachmentAttentionAttentionBackBar ChartBellBookBookmarkBranchBriefcaseBuildingBulbBulletCalendarCameraChatCheckmarkCheckmarkDown ChevronLeft ChevronChevron RightChevron UpCircleClockClosed CaptionsCodeCogColumnsCommandCompassCopyCredit CardCrossCircleCrosshairDatabaseDesktopDiamondDocumentDollarDownloadEditEducationExerciseExitExpandExternal LinkFeedFilterFlagFlashFlashcardFloatFolderFooterForbiddenForwardFull ScreenGlobeGroupHeaderHealthHeartHelpHelpHiddenHomeImageInfo CircleIntegrationInterfaceIntroductionKeyboardLabLearnLine ChartLinkListLockedMailMarkdownMatrixMedalMenuMicrophoneMinusMobileMoonMoreMultidocMuteNine DotsPausePhonePie ChartPinPlatform SwitchPlayPlusPracticePublishRandomRedoRefreshRemoveReplyRewindRocketRowsSaveScissorsSearchShareSkipSortSort AscendingSort DescendingSoundSparklesStarStopSunTabTabletTagTeamTerminalTextTrashTrim BeginningTrim EndTrophyUndoUnlinkUnlockedUploadUpvoteUserVerifiedVersion HistoryVideoVideo CameraVisibleWaypointWebsite

Inverted Icons

AddAssignmentAttentionAttentionBookmarkChatCheckmarkCircleClockCogCrossExerciseFlashGroupHealthHeartHelpHiddenInfo CircleLockedMicrophoneMoonMutePinPlayRemoveRewindRocketSkipSoundSparklesStarStopSunTerminalTrashUnlockedUpvoteUserVerifiedVideo CameraVideoVisible

Brand Icons

AppleDataCamp CertificationDataCamp JobsDataCamp LearnDataCamp RecruitDataCamp WorkspaceDataCampFacebookFacebookFacebookFigmaGitHubGoogleGoogleGoogle PlayGoogle PlusInstagramKaggleLeanpubLinkedInLinkedInPayPalPythonRScalaSlackSlackTwitterYouTube

General Guidelines

Icon Usage

Our icons are built with purpose and should be used to emphasise context and content. Icons should not be used as ornaments to decorate the page and should not be used at any other size than documented.

If you intend to use the icons within an application, make sure to use the waffles-icons package. For other purposes, you can download it below.

DownloadDownload Icons

Convention over Innovation

Some icons are globally accepted as a standard. We should prefer conventions over innovation, for example a cog for settings.

Pair Icons with Text

The purpose of an icon is to be a visual cue in the interface. There are rare exceptions where icons are universally understood actions, for example the trash icon for deletions.