Kassie Component Library

Buttons

Interactive button components with various states and styles

35 assets • 3 component sets

Button Place Holders

2 variants

ButtonTrailingPlaceholder.svg

File Size: 8.0 KB

Usage:

[URL]/svg/buttons/ButtonTrailingPlaceholder.svg

ButtonLeadingPlaceholder.svg

File Size: 8.0 KB

Usage:

[URL]/svg/buttons/ButtonLeadingPlaceholder.svg

Button Icons

22 variants

PlaceHolder.svg

File Size: 195 B

Usage:

[URL]/svg/buttons/PlaceHolder.svg

RightArrow.svg

File Size: 706 B

Usage:

[URL]/svg/buttons/RightArrow.svg

Tick.svg

File Size: 886 B

Usage:

[URL]/svg/buttons/Tick.svg

Lock.svg

File Size: 1.3 KB

Usage:

[URL]/svg/buttons/Lock.svg

LeftArrow.svg

File Size: 700 B

Usage:

[URL]/svg/buttons/LeftArrow.svg

Close.svg

File Size: 961 B

Usage:

[URL]/svg/buttons/Close.svg

CloseRed.svg

File Size: 1007 B

Usage:

[URL]/svg/buttons/CloseRed.svg

Home.svg

File Size: 1.1 KB

Usage:

[URL]/svg/buttons/Home.svg

Restart.svg

File Size: 1.1 KB

Usage:

[URL]/svg/buttons/Restart.svg

Play.svg

File Size: 634 B

Usage:

[URL]/svg/buttons/Play.svg

Website.svg

File Size: 11.0 KB

Usage:

[URL]/svg/buttons/Website.svg

Edit.svg

File Size: 3.3 KB

Usage:

[URL]/svg/buttons/Edit.svg

Logout.svg

File Size: 1.6 KB

Usage:

[URL]/svg/buttons/Logout.svg

PrivacyPolicy.svg

File Size: 5.5 KB

Usage:

[URL]/svg/buttons/PrivacyPolicy.svg

DeleteAccount.svg

File Size: 2.7 KB

Usage:

[URL]/svg/buttons/DeleteAccount.svg

KassiesStory.svg

File Size: 5.4 KB

Usage:

[URL]/svg/buttons/KassiesStory.svg

Contact.svg

File Size: 3.7 KB

Usage:

[URL]/svg/buttons/Contact.svg

Onboarding.svg

File Size: 7.8 KB

Usage:

[URL]/svg/buttons/Onboarding.svg

Email.svg

File Size: 3.2 KB

Usage:

[URL]/svg/buttons/Email.svg

Star.svg

File Size: 3.6 KB

Usage:

[URL]/svg/buttons/Star.svg

AddChild.svg

File Size: 3.3 KB

Usage:

[URL]/svg/buttons/AddChild.svg

Profile.svg

File Size: 1.5 KB

Usage:

[URL]/svg/buttons/Profile.svg

Buttons

11 variants

BlueTrailing.svgv1

File Size: 4.6 KB

Usage:

[URL]/svg/buttons/BlueTrailing.svg

BlueTrailing-1.svgv2

File Size: 4.6 KB

Usage:

[URL]/svg/buttons/BlueTrailing-1.svg

PinkClose.svg

File Size: 4.4 KB

Usage:

[URL]/svg/buttons/PinkClose.svg

BlueLeading.svg

File Size: 4.5 KB

Usage:

[URL]/svg/buttons/BlueLeading.svg

BigPinkBackButton.svg

File Size: 4.2 KB

Usage:

[URL]/svg/buttons/BigPinkBackButton.svg

BigGreenPlay.svg

File Size: 4.1 KB

Usage:

[URL]/svg/buttons/BigGreenPlay.svg

GreenPlay.svg

File Size: 947 B

Usage:

[URL]/svg/buttons/GreenPlay.svg

BlueTrailing.svgv1

File Size: 4.6 KB

Usage:

[URL]/svg/buttons/BlueTrailing.svg

BlueTrailing-1.svgv2

File Size: 4.6 KB

Usage:

[URL]/svg/buttons/BlueTrailing-1.svg

BlueNextButton.svg

File Size: 1020 B

Usage:

[URL]/svg/buttons/BlueNextButton.svg

PinkBackButton.svg

File Size: 997 B

Usage:

[URL]/svg/buttons/PinkBackButton.svg

BlueNext.svg

File Size: 997 B

Usage:

[URL]/svg/buttons/BlueNext.svg

SignInButton.svg

File Size: 4.6 KB

Usage:

[URL]/svg/buttons/SignInButton.svg

Overlays

Modal dialogs, popups, and overlay components

5 assets • 1 component sets

Modal Frames

5 variants

Modalv1.svg

File Size: 34.6 KB

Usage:

[URL]/svg/overlays/Modalv1.svg

Modalv3.svg

File Size: 28.2 KB

Usage:

[URL]/svg/overlays/Modalv3.svg

Modalv2.svg

File Size: 34.5 KB

Usage:

[URL]/svg/overlays/Modalv2.svg

ModalSmall.svg

File Size: 16.3 KB

Usage:

[URL]/svg/overlays/ModalSmall.svg

SignInBackground.svg

File Size: 5.7 KB

Usage:

[URL]/svg/overlays/SignInBackground.svg

Forms

Form inputs, selectors, and interactive form elements

2 assets • 1 component sets

Checkbox

2 variants

Unchecked.svg

File Size: 765 B

Usage:

[URL]/svg/forms/Unchecked.svg

Checked.svg

File Size: 2.2 KB

Usage:

[URL]/svg/forms/Checked.svg

Components

General UI components and elements

61 assets • 0 component sets • 61 individual assets

Individual Assets

61 assets

WildtuinBadge.svg

File Size: 30.8 KB

Usage:

[URL]/svg/components/WildtuinBadge.svg

PlaasBadge.svg

File Size: 35.9 KB

Usage:

[URL]/svg/components/PlaasBadge.svg

SportBadge.svg

File Size: 19.0 KB

Usage:

[URL]/svg/components/SportBadge.svg

VervoerBadge.svg

File Size: 30.7 KB

Usage:

[URL]/svg/components/VervoerBadge.svg

KunsBadge.svg

File Size: 27.6 KB

Usage:

[URL]/svg/components/KunsBadge.svg

WildtuinVolume.svg

File Size: 26.1 KB

Usage:

[URL]/svg/components/WildtuinVolume.svg

PlaasVolume.svg

File Size: 29.3 KB

Usage:

[URL]/svg/components/PlaasVolume.svg

KunsVolume.svg

File Size: 15.8 KB

Usage:

[URL]/svg/components/KunsVolume.svg

VervoerVolume.svg

File Size: 15.9 KB

Usage:

[URL]/svg/components/VervoerVolume.svg

Sing.svg

File Size: 22.4 KB

Usage:

[URL]/svg/components/Sing.svg

Speel.svg

File Size: 17.0 KB

Usage:

[URL]/svg/components/Speel.svg

Lees.svg

File Size: 24.2 KB

Usage:

[URL]/svg/components/Lees.svg

StarSingle.svgv1

File Size: 1.6 KB

Usage:

[URL]/svg/components/StarSingle.svg

StarSingle-1.svgv2

File Size: 1.6 KB

Usage:

[URL]/svg/components/StarSingle-1.svg

StarSingle.svgv1

File Size: 1.6 KB

Usage:

[URL]/svg/components/StarSingle.svg

StarSingle-1.svgv2

File Size: 1.6 KB

Usage:

[URL]/svg/components/StarSingle-1.svg

Tassie.svg

File Size: 26.6 KB

Usage:

[URL]/svg/components/Tassie.svg

StarGroup.svg

File Size: 6.0 KB

Usage:

[URL]/svg/components/StarGroup.svg

HeaderBlock.svg

File Size: 459 B

Usage:

[URL]/svg/components/HeaderBlock.svg

HighScore.svg

File Size: 21.6 KB

Usage:

[URL]/svg/components/HighScore.svg

Car.svg

File Size: 9.7 KB

Usage:

[URL]/svg/components/Car.svg

Dinosaur.svg

File Size: 7.4 KB

Usage:

[URL]/svg/components/Dinosaur.svg

Crossword.svg

File Size: 3.4 KB

Usage:

[URL]/svg/components/Crossword.svg

Palette.svg

File Size: 10.6 KB

Usage:

[URL]/svg/components/Palette.svg

Blocks.svg

File Size: 4.2 KB

Usage:

[URL]/svg/components/Blocks.svg

IceCream.svg

File Size: 7.6 KB

Usage:

[URL]/svg/components/IceCream.svg

Controller.svg

File Size: 8.2 KB

Usage:

[URL]/svg/components/Controller.svg

Train.svg

File Size: 8.1 KB

Usage:

[URL]/svg/components/Train.svg

Teddy.svg

File Size: 8.6 KB

Usage:

[URL]/svg/components/Teddy.svg

Drum.svg

File Size: 11.7 KB

Usage:

[URL]/svg/components/Drum.svg

Fan.svg

File Size: 6.6 KB

Usage:

[URL]/svg/components/Fan.svg

WindUpCar.svg

File Size: 10.6 KB

Usage:

[URL]/svg/components/WindUpCar.svg

Balloons.svg

File Size: 11.3 KB

Usage:

[URL]/svg/components/Balloons.svg

YellowTiledBackground.svg

File Size: 967.1 KB

Usage:

[URL]/svg/components/YellowTiledBackground.svg

BlueTiledBackground.svg

File Size: 1.5 MB

Usage:

[URL]/svg/components/BlueTiledBackground.svg

GreenLeftCircle.svg

File Size: 1.4 KB

Usage:

[URL]/svg/components/GreenLeftCircle.svg

GreenRightCircle.svg

File Size: 1.4 KB

Usage:

[URL]/svg/components/GreenRightCircle.svg

PurpleLeftCircleHover.svg

File Size: 1.5 KB

Usage:

[URL]/svg/components/PurpleLeftCircleHover.svg

PurpleRightCircleHover.svg

File Size: 1.5 KB

Usage:

[URL]/svg/components/PurpleRightCircleHover.svg

OrangeLeftCircleHover.svg

File Size: 1.5 KB

Usage:

[URL]/svg/components/OrangeLeftCircleHover.svg

OrangeRightCircleHover.svg

File Size: 1.5 KB

Usage:

[URL]/svg/components/OrangeRightCircleHover.svg

OrangeCircleRecord.svg

File Size: 1.1 KB

Usage:

[URL]/svg/components/OrangeCircleRecord.svg

PurpleCircleRecord.svg

File Size: 1.1 KB

Usage:

[URL]/svg/components/PurpleCircleRecord.svg

SportVolume.svg

File Size: 19.8 KB

Usage:

[URL]/svg/components/SportVolume.svg

MeerkatAppMoodBoardv2.svg

File Size: 911.1 KB

Usage:

[URL]/svg/components/MeerkatAppMoodBoardv2.svg

Girl10.svg

File Size: 26.5 KB

Usage:

[URL]/svg/components/Girl10.svg

Girl11.svg

File Size: 26.6 KB

Usage:

[URL]/svg/components/Girl11.svg

Girl9.svg

File Size: 28.5 KB

Usage:

[URL]/svg/components/Girl9.svg

Boy6.svg

File Size: 22.2 KB

Usage:

[URL]/svg/components/Boy6.svg

Girl5.svg

File Size: 29.6 KB

Usage:

[URL]/svg/components/Girl5.svg

Girl8.svg

File Size: 28.6 KB

Usage:

[URL]/svg/components/Girl8.svg

Girl7.svg

File Size: 20.1 KB

Usage:

[URL]/svg/components/Girl7.svg

Boy5.svg

File Size: 22.4 KB

Usage:

[URL]/svg/components/Boy5.svg

Girl4.svg

File Size: 28.1 KB

Usage:

[URL]/svg/components/Girl4.svg

Girl12.svg

File Size: 31.3 KB

Usage:

[URL]/svg/components/Girl12.svg

Boy3.svg

File Size: 18.9 KB

Usage:

[URL]/svg/components/Boy3.svg

Girl3.svg

File Size: 20.5 KB

Usage:

[URL]/svg/components/Girl3.svg

Boy7.svg

File Size: 20.2 KB

Usage:

[URL]/svg/components/Boy7.svg

Boy1.svg

File Size: 23.4 KB

Usage:

[URL]/svg/components/Boy1.svg

Boy2.svg

File Size: 23.1 KB

Usage:

[URL]/svg/components/Boy2.svg

Girl2.svg

File Size: 29.6 KB

Usage:

[URL]/svg/components/Girl2.svg

Girl1.svg

File Size: 30.0 KB

Usage:

[URL]/svg/components/Girl1.svg

Boy9.svg

File Size: 20.6 KB

Usage:

[URL]/svg/components/Boy9.svg

Branding

Brand elements and logos

4 assets • 0 component sets • 4 individual assets

Individual Assets

4 assets

Kassie.svg

File Size: 186.9 KB

Usage:

[URL]/svg/branding/Kassie.svg

KassieAvatar.svg

File Size: 26.5 KB

Usage:

[URL]/svg/branding/KassieAvatar.svg

KassieAvatarNoBorder.svg

File Size: 26.0 KB

Usage:

[URL]/svg/branding/KassieAvatarNoBorder.svg

KassieintroScreens61.svg

File Size: 1.0 MB

Usage:

[URL]/svg/branding/KassieintroScreens61.svg

Media

Media controls and multimedia-related components

4 assets • 0 component sets • 4 individual assets

Individual Assets

4 assets

GreenPauseCircle.svg

File Size: 1.1 KB

Usage:

[URL]/svg/media/GreenPauseCircle.svg

PurplePauseCircle.svg

File Size: 1.1 KB

Usage:

[URL]/svg/media/PurplePauseCircle.svg

GreenPlayCircle.svg

File Size: 1.1 KB

Usage:

[URL]/svg/media/GreenPlayCircle.svg

PurplePlayCircle.svg

File Size: 1.1 KB

Usage:

[URL]/svg/media/PurplePlayCircle.svg

Icons

Symbolic icons and glyphs for UI elements

11 assets • 0 component sets • 11 individual assets

Individual Assets

11 assets

NavigationalIconsPlaceHolder.svg

File Size: 195 B

Usage:

[URL]/svg/icons/NavigationalIconsPlaceHolder.svg

NavigationalIconsRestart.svg

File Size: 2.5 KB

Usage:

[URL]/svg/icons/NavigationalIconsRestart.svg

NavigationalIconsHome.svg

File Size: 2.3 KB

Usage:

[URL]/svg/icons/NavigationalIconsHome.svg

NavigationalIconsPlayLarge.svg

File Size: 1.9 KB

Usage:

[URL]/svg/icons/NavigationalIconsPlayLarge.svg

NavigationalIconsMenuBig.svg

File Size: 3.7 KB

Usage:

[URL]/svg/icons/NavigationalIconsMenuBig.svg

NavigationalIconsMenuSmall.svg

File Size: 3.9 KB

Usage:

[URL]/svg/icons/NavigationalIconsMenuSmall.svg

NavigationalIconsCloseRemove.svg

File Size: 2.1 KB

Usage:

[URL]/svg/icons/NavigationalIconsCloseRemove.svg

NavigationalIconsLockPassword.svg

File Size: 2.5 KB

Usage:

[URL]/svg/icons/NavigationalIconsLockPassword.svg

NavigationalIconsAccept.svg

File Size: 2.1 KB

Usage:

[URL]/svg/icons/NavigationalIconsAccept.svg

NavigationalIconsNextContinue.svg

File Size: 2.1 KB

Usage:

[URL]/svg/icons/NavigationalIconsNextContinue.svg

NavigationalIconsBack.svg

File Size: 1.9 KB

Usage:

[URL]/svg/icons/NavigationalIconsBack.svg